Mettre en évidence les commentaires en utilisant #comment-hash et jQuery

Voulez-vous mettre en évidence les commentaires lorsque vous visitez l’URL d’un commentaire ? Bien qu’il existe probablement un plugin pour cela, nous avons créé un extrait de code rapide que vous pouvez utiliser pour mettre en évidence les commentaires en utilisant #comment-has et jQuery dans WordPress.

Instructions:

Tout ce que vous avez à faire est d’ajouter ce code au fichier functions.php de votre thème ou dans un plugin spécifique à votre site:

add_action( 'init', 'jquery_register' );
function jquery_register() {
if ( !is_admin() ) {
    wp_deregister_script( 'jquery' );
    wp_register_script( 'jquery', ( 'http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js' ), false, null, true );
    wp_enqueue_script( 'jquery' );
   }
}

add_action('wp_head','wps_highlight_hash');
function wps_highlight_hash(){
     echo '<script type="text/javascript">
     $(document).ready(function() {
	/* HIGHLIGHT WITH COMMENT HASH */
	if(window.location.hash) {
	  $(window.location.hash).addClass("highlight");
	}
     });
     </script>';
}

Il s’agit d’un exemple de création de CSS pour la classe de mise en évidence. Vous pouvez le personnaliser à votre guise.

.highlight{
       background:#F5EAC6;
       }

Note : Si c’est la première fois que vous ajoutez des extraits de code dans WordPress, veuillez vous référer à notre guide sur la façon de copier/coller correctement des extraits de code dans WordPress, afin de ne pas casser accidentellement votre site.

Si vous avez aimé cet extrait de code, n’hésitez pas à consulter nos autres articles sur le site comme : 7 meilleurs plugins de sondage WordPress pour augmenter l’engagement en ligne et comment augmenter la taille maximale de téléchargement des fichiers sur WordPress.