Kommentare-Markup anpassen

In einem typischen WordPress-Theme gibst du die gesamte Liste der Kommentare für einen Beitrag/eine Seite mit der Funktion wp_list_comments() aus. Dies bietet nicht viel Spielraum für die Anpassung des HTML-Markups, das für diese Kommentarliste generiert wird. Um dein eigenes Markup für die Kommentarliste zu schreiben, kannst du eine Callback-Funktion als Parameter in wp_list_comments() verwenden, so dass sie ebenso gut abstrahiert ist.

In functions.php

<?php
function my_custom_comments($comment, $args, $depth) {
   $GLOBALS['comment'] = $comment; ?>
   <li <?php comment_class(); ?> id="li-comment-<?php comment_ID() ?>">
   <?php if ($comment->comment_approved == '0') : ?>
      <em><?php _e('Your comment is awaiting moderation.') ?></em>
   <?php endif; ?>

   // Comments markup code here, e.g. functions like comment_text(); 

}
?>

In comments.php

<?php 
   wp_list_comments("callback=my_custom_comments"); 
?>

Kommentare

Ray Gulick

# 19. April 2010

Direkt eingefügt bricht meine functions-Datei.

Antworten

eric

# 20. April 2010

Gott, ich schwöre, es gibt fast NICHTS, das Kommentare für WP gründlich erklärt.

Antworten

Tiffany

Permalink zu Kommentar# 9. Juli 2010

Ich stimme vollkommen zu. Ich baue mein erstes Theme und kann nirgends etwas finden, das eine gute "Tutorial-ähnliche" Aufschlüsselung der Anpassung des Kommentarbereichs gibt. SOOOO frustrierend.
alkinkasap

Permalink zu Kommentar# 8. April 2014

Gott, ich könnte nicht mehr zustimmen..

Zum ersten Mal möchte ich eigene benutzerdefinierte Kommentare verwenden und finde nichts irgendwo?!

Warum teilt niemand etwas wirklich Hilfreiches?

MikiaFto5

# 11. Mai 2010

Gute Theorie. Ich mag sie. Danke für das Posting

Antworten

Hakan

# 12. Juni 2010

Danke.. sehr gut

Antworten

Devin Clark

# 12. Januar 2011

Der Grund, warum es fehlschlägt, ist, dass das PHP-Tag am Ende nicht mit der schließenden Klammer geöffnet wird. Es sollte wie der obige Code aussehen.

Antworten

Ralph

# 19. April 2012

Das war eine große Hilfe. Mit grundlegenden PHP-Kenntnissen und dem Hinzufügen einiger PHP-Tags funktioniert Ihr Code hervorragend. Ich empfehle, mit diesen Funktionen zu spielen, um das gewünschte Ergebnis zu erzielen

cancel_comment_reply_link(), comment_author(), comment_author_email(), comment_author_email_link(), comment_author_IP(), comment_author_link(), comment_author_rss(), comment_author_url(), comment_author_url_link(), comment_class(), comment_date(), comment_excerpt(), comment_form_title(), comment_form(), comment_ID(), comment_id_fields(), comment_reply_link(), comment_text(), comment_text_rss(), comment_time(), comment_type(), comments_link, comments_number(), comments_popup_link(), comments_popup_script(), comments_rss_link(), get_avatar(), next_comments_link(), paginate_comments_links(), permalink_comments_rss(), previous_comments_link(), wp_list_comments()

Antworten

Ven

Permalink zu Kommentar# 9. Juni 2013

Tolle Ergänzung zum Beitrag. Vielen Dank! :)

Anna Funk

# 17. September 2012

Dieser Code ist extrem nützlich, wenn man bereits mit PHP vertraut ist, aber er ist nicht vollständig und bricht die functions.php-Datei. Ich habe jedoch damit experimentiert und eine Konvertierung vorgenommen, die direkt in die functions.php eingefügt werden kann.

Code bei PasteBin ansehen

Er ist getestet, aber nicht gründlich, also auf eigene Gefahr verwenden. Aber wenn Sie die von Ralph gepostete Liste von Funktionen verwenden, sollten Sie in der Lage sein, Ihre benutzerdefinierten Kommentare zu erstellen.

Stellen Sie sicher, dass Sie die gleiche

wp_list_comments("callback=my_custom_comments");

verwenden, die Chris in Ihre comments.php-Datei eingefügt hat.

Antworten

Steven

Permalink zu Kommentar# 25. Mai 2013

Danke ... habe das ein paar Tage gesucht.

Rowe Morehouse

# 2. Dezember 2012

Ich stimme zu, dass es schwierig war, Informationen zum benutzerdefinierten Styling von WordPress-Kommentaren zu finden. Hier ist die Funktion, die ich schließlich verwendet habe – ich hoffe, das hilft! … Sie ermöglicht viele Anpassungen. Ich habe auch eine Funktion zum Ändern des Standard-Gravatar-Bildes aufgenommen, wenn Sie Ihr eigenes Bild anstelle von "mystery man" oder den anderen Gravatar-Standards verwenden möchten. Link zu meinem Gist unten.

<?php

// Customize Worpress Comments Form Template HTML 
add_filter('genesis_comment_form_args','custom_comments_function'); /*change the comment_form_args for your theme - this is for genesis, which is a "hooked" theme.*/
function custom_comments_function() {

global $current_user;
      get_currentuserinfo();

$args = array(
        'fields' => array(
            'author' => '<BR />' .
                        '<input id="author" name="author" type="text" class="required" placeholder="Your Name" minlength="2" value="' . esc_attr( $commenter['comment_author'] ) . '" size="30" tabindex="1"' . $aria_req . ' />' .
                        ( $req ? '<span class="required">*</span>' : '' ) .
                        '',

            'email' =>  '<p class="comment-form-email">' .
                        '<input id="email" name="email" type="text" class="required" placeholder="Your Email" value="' . esc_attr(  $commenter['comment_author_email'] ) . '" size="30" tabindex="2"' . $aria_req . ' />' .
                        '<label for="email">' . __( '<span class="breadcrumb-lead">YOUR EMAIL ADDRESS IS NOT PUBLISHED & REMAINS PRIVATE.</span>', 'genesis' ) . '</label> ' .
                        ( $req ? '<span class="required">*</span>' : '' ) .
                        '</p>',

            'url' =>    ''
        ),

        'comment_field' =>  '<p class="comment-form-comment">' .
                            '<textarea id="comment" name="comment" cols="45" rows="8" tabindex="4" aria-required="true"></textarea>' .
                            '</p>',

        'title_reply' => __( 'Add a comment, a question:', 'genesis' ), /*change for your theme, and for what you want your comments header to say*/

        'comment_notes_before' => '<small><span class="muted" style="font-style: italic;">All comments are moderated.</span></small>',

        'logged_in_as' => '<p class="logged-in-as">' . sprintf( __( '<small>You are currently logged in as <a href="%1$s">%2$s</a> ... <a href="%3$s" title="Log out of this account">Log out?</a></small>' ), admin_url( 'profile.php' ), $current_user->user_login, wp_logout_url( apply_filters( 'the_permalink', get_permalink( ) ) ) ) . '</p>',

        'label_submit' => __( ' Don\'t Be Shy, Submit Your Comment Now! ' ),

        'class_submit' => __( 'btn btn-info' ), /*As far as I've found, you can't style the button without changing a core file (or using a plugin) which kinda sucks, but this is where you would express the button styling*/

        'comment_notes_after' => '',
    );
    return $args;
}

// Change default comments gravatar to a custom image
add_filter( 'avatar_defaults', 'newgravatar' );  

function newgravatar ($avatar_defaults) {  
    $myavatarPurple = get_bloginfo('template_directory') . '/images/purple_user_avatar.png'; /* use ftp to upload your custom avatar to the images dir */ 
    $avatar_defaults[$myavatarPurple] = "Purple User Avatar"; 

    /* now choose your new default avatar win wordpress > setttings > discussion */

?>

Hier ist der Gist, falls Sie die Datei herunterladen möchten :)

https://gist.github.com/4192115

Antworten

Ven

Permalink zu Kommentar# 9. Juni 2013

Ich wäre sehr daran interessiert, daraus zu lernen. Planen Sie, ein Tutorial zu diesem Snippet zu erstellen? Vielen Dank im Voraus, falls ja :)

John

# 4. März 2013

Vielen Dank, Rowe, für Ihr sehr geschätztes PHP-Code-Snippet. Dies ist definitiv die Art von Extra, die einen WordPress-Website aufwertet, ganz zu schweigen von CSS-Tipps und Tricks ;-)

Antworten

Alex

# 23. Mai 2013

Ich glaube, Sie haben vergessen, das schließende " Tag vor dem Schließen der Funktion hinzuzufügen.

Antworten

Chris Coyier

Permalink zu Kommentar# 23. Mai 2013

Es sieht so aus, als wäre Ihr HTML dort durcheinander geraten, aber wenn Sie das <li>-Tag meinten, sollten Sie es speziell weglassen. WordPress schließt sie bei Bedarf. Es braucht Sie, um das für verschachtelte Kommentare zu tun.

Eric Scism

# 9. September 2013

Danke dafür, Chris. Ich lese schon lange mit. Persönlich mache ich mir keine allzu großen Sorgen um den Kommentarbereich meiner Website. Ich benutze einfach Disqus und liebe es. Super einfach zu verwalten. Nicht viel Anpassungsmöglichkeit, was für mich in Ordnung ist. Manchmal wollen meine Kunden aber mehr Anpassung, und da kann das hier sehr nützlich sein. Also nochmals vielen Dank!

Antworten

Chris Ferdinandi

# 15. Oktober 2013

Ich weiß, das ist ein alter Beitrag, aber ich bin mir immer noch nicht sicher, warum das Auslagern der Kommentar-Ausgabe hinter einem Callback in wp_list_comments() besser ist als der alte Weg, bei dem das gesamte Markup offensichtlich war und in der comments.php-Datei enthalten war.

Antworten

sam

# 1. Dezember 2013

Wie kann ich eine Kommentarbox wie diese auf meiner WordPress-Website haben? Allerdings scheint der fett oder kursiv Teil nicht zu funktionieren!

Antworten

sam

# 1. Dezember 2013

Entschuldigung, ich nehme das zurück..es funktioniert..Ich würde gerne diese Kommentarbox auf meiner Website haben.

Antworten

Tahmid

# 1. Juni 2014

Danke fürs Teilen. Aber ich suche nach CSS für die Kommentar-Vorlage.

Antworten

mrm

# 24. Februar 2015

Vielen Dank
das war nützlich

Antworten

Randy

# 24. Juni 2015

Danke, Sir. Direkt auf den Punkt. :)

Antworten

mike

# 12. Februar 2016

Ich habe gerade bemerkt, dass der Callback-Code in Ihrem Snippet etwas falsch ist – sollte lauten:
wp_list_comments("callback"=>"my_custom_comments");

Antworten

Chris Coyier

Permalink zu Kommentar# 12. Februar 2016
Hat sich diese API geändert? Anderer Best Practice?

Was gerade auf diesem Kommentar-Thread verwendet wird, den wir uns ansehen, ist
```
<?php wp_list_comments('type=comment&avatar_size=512&callback=csstricks_comment'); ?>
```

In functions.php

In comments.php

Kommentare

Hinterlasse eine Antwort Antwort abbrechen