Mise en place de l'indentation des commentaires dans un ancien thème
Rédigé par jack le 4 commentairese
Vous venez de mettre à jour votre PluXml en version 5.5, et l'indentation des commentaires n'est pas visible.
Normal, votre thème doit être modifié pour ajouter l'affichage des commentaires imbriqués.
Je vous donne les 3 étapes de base pour faire la migration de l'affichage des commentaires et profiter de cette nouvelle fonctionnalité propre à PluXml 5.5
1. Copiez le fichier commentaires.php du thème par défaut de PluXml 5.5 dans le dossier de votre thème pour remplacer et écraser celui existant
Attention, si vous avez personnalisé le fichier commentaires.php vous allez perdre les modifications en écrasant votre version par celle de PluXml 5.5. Après avoir remplacé ce fichier il faudra reporter dedans vos propres modifications pour retrouver votre visuel, tout en gardant l'imbrication des commentaires.
2. Copiez le dossier lang du thème par de PluXml 5.5 dans le dossier de votre thème pour remplacer et écraser celui existant.
3. Éditez le fichier /themes/<mon-theme>/css/theme.css et ajoutez à la fin du fichier le code suivant (remplacez <mon-theme> par le nom de votre thème):
.level-0 {
margin-left: 0;
}
.level-1 {
margin-left: 50px;
}
.level-2 {
margin-left: 100px;
}
.level-3 {
margin-left: 150px;
}
.level-4 {
margin-left: 200px;
}
.level-5,
.level-max {
margin-left: 250px;
}
#id_answer {
margin-bottom: 10px;
padding:15px;
border:1px solid #eee;
width:100%;
background:#fafafa;
display:none;
}
@media (max-width: 767px) {
.level-1,
.level-2,
.level-3,
.level-4,
.level-5,
.level-max {
margin-left: 5px;
}
}
Il se pourra que ces simples 3 étapes ne suffisent pas pour voir l'indentation des commentaires. Tout dépendra de votre thème et de son niveau de personnalisation par rapport au thème par défaut.
Les manipulations données ici permettent de passer facilement un thème à partir de PluXml 5.4.
En fonction de la complexité de votre thème d'autres règles css seront à écrire ou à modifier.
En cas de problème n'hésitez pas à venir sur le forum de PluXml pour trouver de l'aide.
DClassé dans : PluXml ,Mots clés : Commentaires, Css, Thème, PluXml
A propos de l'auteur, jack:
Webmestre de PluXopolis de 2018 à Avril 2023.
4 commentaires
Norore a dit : #3
Bonjour.
Encore un tutoriel qui tombe à point nommé pour moi.
Merci beaucoup, ça marche comme je le souhaitais :) !
rFil RSS des commentaires de cet article
Les commentaires sont fermés.
Renaud a dit : #1