Kommentar hervorheben mit #Comment-Hash und JQuery

WordPress bietet die Funktion den link zu einem bestimmten Kommentar zu teilen z.B. wpschnipsel.com/category/post/#comment-12. Wer diesen Kommentar beim aufrufen hervorheben möchte, kann dies mit Hilfe dieses Code-Schnipsels erledigen.

Füge folgenden Code-Schnipsel der functions.php deines WordPress Theme bei um den jeweiligen Kommentar hervorzuheben dessen Link aufgerufen wurde.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
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>';
}

Nicht vergessen: die CSS Angaben für die Hervorhebung in die Style.css deines WordPress Theme anzugeben, Beispiel:

.highlight{
       background:#F5EAC6;
       }
Autor: Kreativmonkey
Administriert mehrere WordPress Projekte und versucht mit dieser Seite eine umfangreiche Deutsche WordPress Code-Schnipsel Sammlung auf zu bauen. Durch die regelmäßige Arbeit mit WordPress und der vielen "HowTo's" die diese Arbeit begleiten sammeln sich immer mehr Code-Schnipsel an, da diese auf unterschiedlichen Plattformen zu finden sind und man nicht alles in Lesezeichen ablegen kann, werden diese Schnipsel hier notiert, mit der Quelle und ein paar Zusatzinformationen versehen und für die Allgemeinheit zur Verfügung gestellt.

50 weitere Artikel von .