Étiquette : tutoriel

WordPress : supprimez ou modifiez une parenté entre deux commentaires

Publié le par

commentairesC’est toujours une petite victoire quand vous obtenez des commentaires à l’un de vos articles, surtout quand vos statistiques stagnent au niveau « trois fois rien »… Quand ceux-ci s’accumulent, il peut arriver que l’un de vos lecteurs réponde au dernier commentaire au lieu de répondre à l’article. Le commentaire juste créé devient donc, hiérarchiquement parlant, l’enfant du précédent et cela suggère ainsi un lien direct, un échange sur le même sujet ou une réponse à une question précise, alors que ce n’était pas voulu. Au niveau du rendu, ce lien de parenté peut apparaitre de différentes façons, en créant un décalage à gauche entre les commentaires « parents » et « enfants », comme ici ou dans une liste avec des points et des sous-points, mais aussi, et c’est là que c’est le plus embêtant, en intégrant la réponse dans le commentaire parent. Il devient alors beaucoup plus important de savoir supprimer les fausses parentés, les emboitements à répétition n’étant pas toujours très agréables visuellement.

M’étant retrouvé dans cette situation il y a peu, j’ai d’abord fouillé dans le tableau de bord, puis dans les plugins proposés sur wordpress.com sans résultat (deux d’entre-eux faisaient ce travail il y a quelques temps, mais ne sont plus à jour et ne fonctionnent plus). La solution de facilité consistant à supprimer le commentaire et à en recréer un hors connexion ne me plaisant pas trop, j’ai poussé un peu plus loin et ai finalement trouvé la solution dans cet article en anglais proposé en 2011 par Matthew Taylor. J’ai appliqué à la lettre son contenu et ai ainsi modifié directement dans ma base MySQL, le champ « comment_parent » responsable de mes misères. Voici en substance, et en français, ce qu’il faut faire.

Une unique modification à effectuer dans le base MySQL

Je sais que pour certains, la base MYSQL fait peur, mais ne vous inquiétez pas, c’est plutôt bénin comme intervention. Avant tout, on ne le répète jamais assez : faites une sauvegarde de votre base !

Ensuite, rendez-vous dans la table des commentaires de WordPress. Par défaut, elle devrait s’appeler wp_comments.tablesmysql

Recherchez le commentaire en cause : si c’est le dernier publié, il est normalement en dernière position. Cliquez sur « Edit », puis rendez-vous sur le champ comment_parent. Vous avez alors deux options en fonction de votre situation.

comment idCas 1 : le commentaire est une réponse à l’article, il doit être au premier niveau de la hiérarchie

Remplacez la valeur du champ par 0 (zéro) puis enregistrez. Normalement, votre commentaire aura changé de place.

Cas 2 : le commentaire est une réponse à un commentaire précédent, mais n’est pas lié au bon parent

Remplacez la valeur du champ par l’ID du commentaire parent. Vous pouvez retrouvez cet ID en vous rendant dans l’onglet « Commentaires » du tableau de bord puis en choisissant de le modifier. L’ID apparait alors dans la fin de votre URL. Exemple pour un article ayant l’ID 75 : http://votresite.fr/wp-admin/comment.php?action=editcomment&c=75.

Et voilà, vos commentaires sont bien placés !

Pour information, il est possible de désactiver totalement cette fonction de parenté ou de définir le niveau maximum de commentaires imbriqués dans l’onglet « Réglages » puis « Discussion » du tableau de bord.

Customisez votre galerie WordPress

Publié le par

Galerie

Artisteer a un défaut, un manque qui n’a pas encore été comblé : les galeries WordPress ne sont pas encore stylisables. Je dis « encore », car il a quelques mois, j’avais passé un petit moment dans le css de mon thème pour définir le style de mes commentaires, et cette fonctionnalité a été ajoutée dans la nouvelle version d’Artisteer tout récemment. Ce sera donc peut-être le cas prochainement pour les galeries. En attendant, voici les morceaux de code que j’utilise.

Dans le fichier functions.php

Ajoutez cette ligne de code

Elle vous permettra de ne plus utiliser le style par défaut de WordPress.

add_filter( 'use_default_gallery_style', '__return_false' );

Dans votre CSS

Modifiez le code « .gallery img » selon ce que vous souhaitez

Ce code est celui que j’utilise sur ce site. Il est assez simple donc n’hésitez pas à le modifier pour qu’il corresponde à vos attentes.

.gallery img {
   padding:5px;
   background:#fff;
   border:1px solid #cfcfcf;
}

Supprimez la ligne de code rayée

Seulement pour la version 4.2 d’Artisteer (et sûrement celles qui suivront). Cette ligne définit la taille des images dans votre galerie et est intégrée automatiquement. Elle devra être supprimée pour vous permettre de choisir de mettre plus de trois colonnes dans votre galerie.

.gallery .gallery-item {
    float: left;
    margin-top: 0;
    text-align: center;
    width: 33%;
}

Ajoutez ces lignes

Elles permettront à vos galeries d’apparaître proprement quelque soit le nombre de colonnes que vous souhaitez.

 .gallery-columns-0 .gallery-item {
 width: 100%;
 }
 .gallery-columns-1 .gallery-item {
 width: 100%;
 }
 .gallery-columns-2 .gallery-item {
 width: 50%;
 }
 .gallery-columns-3 .gallery-item {
 width: 33.33%;
 }
 .gallery-columns-4 .gallery-item {
 width: 25%;
 }
 .gallery-columns-5 .gallery-item {
 width: 20%;
 }
 .gallery-columns-6 .gallery-item {
 width: 16.66%;
 }
 .gallery-columns-7 .gallery-item {
 width: 14.28%;
 }
 .gallery-columns-8 .gallery-item {
 width: 12.5%;
 }
 .gallery-columns-9 .gallery-item {
 width: 11.11%;
 }
 .gallery-columns-10 .gallery-item {
 width: 10%;
 }
 .gallery-columns-11 .gallery-item {
 width: 9.09%;
 }
 .gallery-columns-12 .gallery-item {
 width: 8.33%;
 }
 .gallery-columns-13 .gallery-item {
 width: 7.69%;
 }
 .gallery-columns-14 .gallery-item {
 width: 7.14%;
 }
 .gallery-columns-15 .gallery-item {
 width: 6.66%;
 }
 .gallery-columns-16 .gallery-item {
 width: 6.25%;
 }
 .gallery-columns-17 .gallery-item {
 width: 5.88%;
 }
 .gallery-columns-18 .gallery-item {
 width: 5.55%;
 }
 .gallery-columns-19 .gallery-item {
 width: 5.26%;
 }
 .gallery-columns-20 .gallery-item {
 width: 5%;
 }
 .gallery-columns-21 .gallery-item {
 width: 4.76%;
 }
 .gallery-columns-22 .gallery-item {
 width: 4.54%;
 }
 .gallery-columns-23 .gallery-item {
 width: 4.34%;
 }
 .gallery-columns-24 .gallery-item {
 width: 4.16%;
 }
 .gallery-columns-25 .gallery-item {
 width: 4%;
 }
 .gallery-columns-26 .gallery-item {
 width: 3.84%;
 }
 .gallery-columns-27 .gallery-item {
 width: 3.7%;
 }
 .gallery-columns-28 .gallery-item {
 width: 3.57%;
 }
 .gallery-columns-29 .gallery-item {
 width: 3.44%;
 }
 .gallery-columns-30 .gallery-item {
 width: 3.33%;
 }

Photographie de Sifter (CC BY-NC 2.0)