X

Mettre en surbrillance les commentaires à l'aide de #comment-hash et jQuery

Extraits par IsItWP

Voulez-vous mettre en surbrillance les commentaires lors de la visite d'une URL de 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 surbrillance les commentaires à l'aide de #comment-has et de jQuery dans WordPress.

Instructions :

Il vous suffit d'ajouter ce code au fichier functions.php de votre thème ou dans un plugin spécifique au 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>';
}

Ceci est un exemple pour créer le CSS de la classe de surbrillance. Vous pouvez le personnaliser comme vous le souhaitez.

.highlight{
       background:#F5EAC6;
       }

Remarque : Si c'est la première fois que vous ajoutez des extraits de code dans WordPress, veuillez consulter notre guide sur la manière 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 tels que : 7 meilleurs plugins de sondage WordPress pour accroître l'engagement en ligne et comment augmenter la taille maximale de téléversement de fichiers dans WordPress.

Commentaires   Laisser une réponse

  1. Merci

  2. dsa

Ajouter un commentaire

Nous sommes heureux que vous ayez choisi de laisser un commentaire. N'oubliez pas que tous les commentaires sont modérés conformément à notre politique de confidentialité, et tous les liens sont nofollow. N'utilisez PAS de mots-clés dans le champ nom. Ayons une conversation personnelle et significative.

Liste de contrôle de lancement WordPress

La checklist ultime pour lancer un WordPress

Nous avons compilé tous les éléments essentiels de la liste de contrôle pour le lancement de votre prochain site Web WordPress dans un ebook pratique.
Oui, envoyez-moi l'eBook gratuit !