Kommentare auftrennen

Hey ihr Lieben,

Ich zeige euch, wie man die Kommentaranzahl und den Kommentarlink getrennt anzeigen lassen kann. Besonders schön sieht das aus, wenn unter den Postfooter nicht viel steht und die einfache Kommentaranzeige unterhalb des Posts optisch schnell verloren geht.

1. Macht einen Back-Up!


2. Html-Bereich öffnen (Vorlage → HTML bearbeiten).

3. Je nach dem, wohin ihr es haben wollt, müsst ihr die richtige Stelle herausfinden.

Unter dem Posttitel:
<div class='post-header-line-1'> bzw. <div class='post-header-line-1'/>

Unter dem Post:
<div class='post-footer-line post-footer-line-1'> bzw. <div class='post-footer-line post-footer-line-1'/>

Meistens ist der zweite Treffer richtig, aber da jedes Template anders ist, probiert es mit der einer Stelle aus. Wenn es nicht funktioniert, dann probiert ihr es dann mit der zweiten etc. :)

4. Fügt folgenden Code unter der gefundenen Stelle ein: 

<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if> | Hinterlasse ein Kommentar</a></b:if>

Das Unterstrichene könnt ihr jetzt beliebig ändern. Wollt ihr es noch ausrichten?

5.1 Ausrichten: Sucht im Code nach: "]]></b:skin>". Darüber kommt folgendes: Je nach dem, wo ihr es eingefügt, nehmt ihr .post-header-line-1{text-align:center;} bzw. .post-footer-line-1{text-align:center;} und fügt es ein. "Center" könnt ihr mit "left" bzw. "right" austauschen.

5.2 Überflüssigen Kommentar-Link löschen. Dafür fügt ihr direkt über "]]></b:skin>" folgendes ein:

 .post-comment-link {
display:none;
}

6. Abspeichern + Vorschau