Resaltar comentarios con #comment-hash y jQuery

¿Quieres resaltar los comentarios cuando visitas la URL de un comentario? Aunque probablemente exista un plugin para ello, hemos creado un rápido fragmento de código que puedes utilizar para resaltar comentarios utilizando #comment-has y jQuery en WordPress.

Instrucciones:

Todo lo que tienes que hacer es añadir este código al archivo functions.php de tu tema o en un plugin específico del sitio:

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>';
}

Este es un ejemplo para crear el CSS para la clase highlight. Puede personalizarlo como desee.

.highlight{
       background:#F5EAC6;
       }

Nota: Si es la primera vez que añade fragmentos de código en WordPress, consulte nuestra guía sobre cómo copiar / pegar correctamente fragmentos de código en WordPress, para no romper accidentalmente su sitio.

Si te ha gustado este fragmento de código, por favor considere revisar nuestros otros artículos en el sitio como: 7 mejores plugins de encuestas de WordPress para aumentar el compromiso en línea y cómo aumentar el tamaño máximo de carga de archivos en WordPress.