KS Webdesign - Der Blog » Kommentare http://webdesign-passau.com/wordpress Wed, 18 Jan 2012 13:08:03 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 WP 3 – comment_form() Gestaltung und Ausgabe http://webdesign-passau.com/wordpress/wp-3-comment_form-gestaltung-und-ausgabe/ http://webdesign-passau.com/wordpress/wp-3-comment_form-gestaltung-und-ausgabe/#comments Thu, 10 Mar 2011 13:04:55 +0000 Klaus http://webdesign-passau.com/wordpress/?p=610 Weiterlesen →]]> Zwei Möglichkeiten der Textgestaltung des Kommentarformulars habe ich schon in dem Artikel erwähnt. In diesem Artikel möchte ich alle wichtigen Möglichkeiten der Gestaltung zusammenfassen.

Die Ausgabe des Kommentarformulars wird in der comments.php mit dieser dürren Zeile unmittelbar vor dem Ende vom div#comments gesteuert:

  • <?php comment_form(); ?>

Link zum WP-Codex bezüglich comments_form()

Zusammenfassung der wichtigsten Änderungsmöglichkeiten:

In der comments.php ändern/ergänzen:

  • // Überschrift Formularcontainer ändern
  • <?php comment_form(array('title_reply'=>'Sprich und fürchte dich nicht!')); ?>
  • // Text am Anfang des Formularcontainers ändern
  • <?php comment_form(array( 'comment_notes_before'=> '<p class="comment-notes">'
  • . __( 'Eine Muh, eine Mäh, eine Täterätätä <span class="required-tags">*</span>' ). '</p>' )); ?>
  • // Überschrift der textarea ändern/ergänzen:
  • <?php comment_form(array('comment_field'=> '<p class="comment-form-comment"><label for="comment">'
  • . __('Kommentar zackzack')
  • . '</label><br /><textarea id="comment" name="comment" cols="45" rows="8" aria-required="true"></textarea></p>',)); ?>
  • // Text nach der textarea ändern
  • <?php comment_form(array('comment_notes_after'=>'<p class="form-allowed-tags">'
  • . __( 'Bitte maskiert <span class="maskierung">&lt;</span> mit <span class="maskierung">&amp;lt;</span>
  • und <span class="maskierung">&gt;</span> mit <span class="maskierung">&amp;gt;</span> sonst verschwinden
  • sie im Nirgendwo!' ). '</p>')); ?>
  • // Text des Abschicken-Buttons ändern
  • <?php comment_form(array( 'label_submit' => 'Ab dafür!')); ?>

Wenn ihr mehrere Änderungen durchführen wollt vergeßt nicht dazwischen jeweils ein Komma einzufügen. Nach der letzten Änderung bitte das Komma weglassen.

In die functions.php eintragen:

  • // Filter zum Verändern der Texte des Kommentarformulars
  • function my_fields($fields) {
  • // Text des Namensfeldes ändern
  • $fields['author'] = '<p class="comment-form-author">' . '<label for="author">' . __( 'Name zackzack*' ) . '</label> ' . ( $req ? '<span class="required">*</span>' : '' ) .
  • '<input id="author" name="author" type="text" value="' . esc_attr( $commenter['comment_author'] ) . '" size="30"' . $aria_req . ' /></p>';
  • // Text des E-Mail-Feldes ändern
  • $fields['email'] = '<p class="comment-form-email"><label for="email">' . __( 'E-Mail zackzack*' ) . '</label> ' . ( $req ? '<span class="required">*</span>' : '' ) .
  • '<input id="email" name="email" type="text" value="' . esc_attr( $commenter['comment_author_email'] ) . '" size="30"' . $aria_req . ' /></p>';
  • // Text des Webseitenfeldes ändern
  • $fields['url'] = '<p class="comment-form-url"><label for="url">' . __( 'Website zackzack' ) . '</label>' .
  • '<input id="url" name="url" type="text" value="' . esc_attr( $commenter['comment_author_url'] ) . '" size="30" /></p>';
  • return $fields; }
  • add_filter('comment_form_default_fields','my_fields');

Dort könnt ihr dann bequem weitere Texte ändern. Ich hab mich mal im wesentlichen drauf beschränkt, jeweils ein knackiges zackzack an den Ursprungstext anzuhängen.

Die Anleitung wie ich den Filter einbaue habe ich in einem Blogartikel von Ellen Bauer vom Elmastudio entdeckt.

Hier könnt ihr euch einen gezippten Ordner herunterladen, der die Argumente und Filter zum bequemen copy/paste in einer PHP-Datei zusammengefaßt hat.
Außerdem ist eine PDF-Datei mit dem Quelltext des Formularcontainers dabei. Einfach ausdrucken und vor die Tastatur legen, dann müßt ihr nicht mehr mit Firebug hin- und herswitchen, um herauszufinden, welche Klassen und id für welche Formularelemente gelten.

Ich hoffe der Artikel trägt dazu bei, das nicht 90% aller deutschsprachigen Blogs als Überschrift des Formularcontainers Hinterlasse einen Kommentar haben. :mrgreen:

]]> http://webdesign-passau.com/wordpress/wp-3-comment_form-gestaltung-und-ausgabe/feed/ 7 WP 3.1 – Sicherheitslücke durch Gestaltungsmöglichkeit http://webdesign-passau.com/wordpress/wp-3-sicherheitsluecke-durch-gestaltungsmoeglichkeit/ http://webdesign-passau.com/wordpress/wp-3-sicherheitsluecke-durch-gestaltungsmoeglichkeit/#comments Mon, 07 Mar 2011 13:50:40 +0000 Klaus http://webdesign-passau.com/wordpress/?p=593 Weiterlesen →]]> Beim technischen und optischen Neugestalten meines Blogs fiel mir zufällig auf, das meinen Kommentaren automatisch eine Klasse hinzugefügt wird, die es mir ermöglicht, meine Antworten besonders zu gestalten.

Super! Weniger super ist allerdings, das der hintere Teil dieses Klassennamens aus meinem Login-Namen besteht.

Umpf! Das hieße ja, das sich Hacker nur noch ums Passwort kümmern müßten, den Benutzernamen haben sie dann ja schon mal!

Diese Panne zu beheben und trotzdem die Möglichkeit zu haben die Autorenkommentare besonders zu gestalten ist nicht so schwierig.

Die Lösung hat Falk in einem Artikel seines NetzBlogR gepostet.

Perun hatte laut dem Artikel bei der Lösung auch seine Finger im Spiel.

Hier nochmal in aller Kürze:

Ich gehe davon aus, das ihr entweder TwentyTen oder eine Abwandlung davon für euer Theme nutzt.

Öffnet die functions.php eures Themes und scrollt bis ungefähr Zeile 326 runter. Dort steht Folgendes:

  • <?php comment_class(); ?>

Das ersetzt ihr einfach durch Folgendes:

  • class="comment<?php if (($comment->comment_author_email == get_the_author_email()) && ($comment->user_id != 0) ) {echo " bypostauthor";} ?>"

Danach werden dort nur noch die Klassen .comment und .bypostauthor ausgegeben. Das reicht aus, um die Kommentare des Autors besonders zu gestalten.

Wenn ihr noch etwas sinnvolles für die Sicherheit eures Blogs tun wollt, dann installiert euch das Plugin Login LockDown. Damit könnt ihr die Anzahl der Loginversuche begrenzen, einen Timeout in beliebiger Länge festlegen, Loginerrors maskieren, Lockout schon bei falschem Loginnamen und IP’s manuell ausschließen. ;)

]]> http://webdesign-passau.com/wordpress/wp-3-sicherheitsluecke-durch-gestaltungsmoeglichkeit/feed/ 2 Was mir an WordPress 3.01 nicht gefällt http://webdesign-passau.com/wordpress/was-mir-an-wordpress-nicht-gefaellt/ http://webdesign-passau.com/wordpress/was-mir-an-wordpress-nicht-gefaellt/#comments Wed, 06 Oct 2010 10:39:08 +0000 Klaus http://webdesign-passau.com/wordpress/?p=540 Weiterlesen →]]> Meinen Blog habe ich im August 2009 mit einem von mir entwickelten Theme ins Leben gerufen und seitdem auch immer, mit etwas Verzögerung, aktualisiert

Nur die Templates meines Themes haben sich seitdem nicht verändert. Es wurde Zeit das zu ändern.

Als Erstes knöpfte ich mir die comments.php, die auf dem alten Classic-Theme beruhte, vor.

Hurtig die comments.php vom TwentyTen-Theme geöffnet, um zu beginnen. Mmmh, das schaut ja irgendwie ganz anders aus.

Die Ausgabe der Kommentare kann über wp_list_comments gesteuert werden.

In der neuen comments.php schaut die Zeile so aus:

  • wp_list_comments( array( 'callback' => 'twentyten_comment' ) );

Also ist in der functions.php eine Funktion definiert, die die Ausgabe der Kommentare steuert. Finde ich persönlich etwas umständlich mit zwei Dateien rumzuhantieren.

Der Formularcontainer um eine Antwort zu posten ist gleich ganz weg.

Stattdessen steht fast ganz am Ende der comments.php folgende dürre Zeile:

  • <?php comment_form(); ?>

Googeln führte mich zu folgender Seite.

Die Ausgabe des Kommentarformulars wird jetzt über eine Funktion gesteuert. Die Referenzseite für die Funktion ist als unvollständig markiert und auch sonst eher kryptisch für mich.

Meine PHP-Kenntnisse sind wie bei sehr vielen Frontendern eher rudimentär. Ich schätze es an WordPress, das ich kleine Änderungen im Template bisher selbst vornehmen konnte, sogar diverse if/else-Einschübe ließen sich bewerkstelligen.

Der Sinn dieser Änderung erschließt sich mir leider überhaupt nicht. Was ich jedoch dazu sagen kann ist, dass ich sie persönlich als ausgesprochen frontenderunfreundlich empfinde. :|

Das hat bei mir dazu geführt, das ich anstelle dieser nervigen Funktion den Formularteil der comments.php vom Default-Theme dort eingefügt habe.

Dann hatte ich keine Probleme mehr mit der Anpassung.

Die Frage warum man nicht alles in der comments.php belassen konnte, damit der geneigte Frontender Anpassungen bequem in einer Datei vornehmen kann steht im Raum.

Gibt es jemand, der eine Antwort darauf hat??

]]> http://webdesign-passau.com/wordpress/was-mir-an-wordpress-nicht-gefaellt/feed/ 11 Kommentare und Pingbacks trennen http://webdesign-passau.com/wordpress/kommentare-und-pingbacks-trennen/ http://webdesign-passau.com/wordpress/kommentare-und-pingbacks-trennen/#comments Thu, 15 Apr 2010 13:51:54 +0000 Klaus http://webdesign-passau.com/wordpress/?p=509 Weiterlesen →]]> Wenn in einem Blog das Verhältnis von Pingbacks/Trackbacks und Kommentaren ungefähr gleich ist, stören die eingestreuten Ping-/Trackbacks meiner Meinung nach beim Lesen der Kommentare.

Vladimir Simovic hat in einem älteren Artikel beschrieben, wie man das mithilfe eines Plugins getrennt ausgeben kann. Das Plugin gibt es wohl nicht mehr, deshalb habe ich ausgehend von Vladimirs Artikel das mal für mich in Szene gesetzt.

Meine Methode ist einfach und sicher etwas grobschlächtig, aber sie funktioniert einwandfrei.

Ursprüngliche comments.php Classic-Theme Ausschnitt:

  • <ol id="commentlist">
  • <?php foreach ($comments as $comment) : ?>
  • --------------------
  • --------------------
  • <?php endforeach; ?>
  • </ol>

Das ist der entscheidende Ausschnitt meiner comments.php. Die für die Änderung unwichtigen Codezeilen habe ich einfach durch zwei Zeilen Bindestriche ersetzt.

Nach der Änderung sah der entscheidende Abschnitt meiner comments.php dann so aus:

  • <!-- Kommentare Anfang -->
  • <ol id="commentlist">
  • <?php foreach ($comments as $comment) : if (get_comment_type() == "comment") : ?>
  • --------------------
  • --------------------
  • <?php endif; endforeach; ?>
  • <!-- Kommentare Ende -->
  •  
  • <!-- Pingbacks/Trackbacks Anfang -->
  • <?php foreach ($comments as $comment) : if (get_comment_type() != "comment") : ?>
  • --------------------
  • --------------------
  • <?php endif; endforeach; ?>
  • </ol>
  • <!-- Pingbacks/Trackbacks Ende -->

Die foreach-Zeile habe ich durch eine if-Abfrage ergänzt und diese unmittelbar vor endforeach mit endif beendet.

Diesen kompletten Codeabschnitt habe ich kopiert und direkt unterhalb davon wieder eingefügt.

Anschließend habe von den doppelten Gleichheitszeichen (==) der foreach-Zeile eines durch ein Ausrufezeichen ersetzt (!=). Damit wird aus gleich dann ungleich.

An dieser Stelle wird dann alles ausgegeben was kein Kommentar ist, also die Pingbacks und Trackbacks.

Ihr könnt die Reihenfolge natürlich austauschen, sodass zuerst Ping-/Trackbacks ausgegeben werden.

Weil einige von euch vielleicht die comments-php des Kubrick-Themes nutzen, habe ich die notwendigen Änderungen dafür anschließend dokumentiert.

Ursprüngliche comments.php Kubrick-Theme Ausschnitt:

  • <ol class="commentlist">
  • <?php wp_list_comments();?>
  • </ol>

Geänderte comments.php Kubrick-Theme Ausschnitt:

  • <ul class="commentlist">
  • <?php wp_list_comments('type=comment'); ?>
  • </ul>
  • <ul class="commentlist">
  • <?php wp_list_comments('type=pings'); ?>
  • </ul>

Das ist fast schon selbsterklärend. pings heißt übrigens Pingbacks und Pingbacks zusammen!

Wenn die Ping-/Trackbacks überhaupt nicht angezeigt werden sollen, dann lasst den entsprechenden Codeabschnitt einfach weg. Allerdings habt ihr dann das Problem das Ping-/Trackbacks trotzdem mitgezählt werden.

Ihr könnt euch damit behelfen indem ihr in eurer comments.php die Zeile mit <h3 id="comments">------</h3> sucht. Im classic-Theme ist das ca. Zeile 5 und im Kubrick-Theme ca. Zeile 21.

Löscht den Inhalt des h3-Tags und ersetzt ihn z.B. durch das Wort Kommentare. Das sieht dann allerdings nicht so toll aus, wenn keine Kommentare vorhanden sind.

Oder ihr löscht die ganze h3-Zeile raus. Die Kommentare sind ja i.d.R. schon optisch hervorgehoben dargestellt.

Sollte jemand von euch erklären können, wie nur die Kommentare gezählt werden können, wenn Track-/Pingbacks nicht mit ausgegeben werden, nur heraus damit!

]]> http://webdesign-passau.com/wordpress/kommentare-und-pingbacks-trennen/feed/ 3 Kommentar des Autors hervorheben http://webdesign-passau.com/wordpress/kommentar-autor-hervorheben/ http://webdesign-passau.com/wordpress/kommentar-autor-hervorheben/#comments Mon, 09 Nov 2009 15:03:24 +0000 Klaus http://webdesign-passau.com/wordpress/?p=421 Weiterlesen →]]> Schon manchmal dachte ich mir, das es nicht übel wäre, wenn man die Kommentare des Autors farblich etwas hervorheben könnte.

Für die entsprechende Stelle wird schon durch die comments.php für jeden Listenpunkt eine id vergeben. Das hieße erst posten, dann durch das Studium des Quelltextes die id raussuchen, die style.css ergänzen und hochladen.

Und das jetzt bitteschön für jeden eigenen Kommentar.

Umpf!! Als wenn ich sonst nix zu tun hätte.

Das geht auch viel einfacher.

Wir müßten nur dafür sorgen, das für den Listenpunkt eine entsprechende Klasse generiert wird, die wir dann wiederrum per CSS gestalten könnten.

Zwei Klassen brauchen wir: eine .autor und eine .gast.

Werfen wir erst mal einen Blick in eine Wald-und-Wiesen-comments.php

Die entscheidende Stelle schaut bisher so aus::

  • <?php foreach ($comments as $comment) : ?>
  • <li id="comment-<?php comment_ID(); ?>">

Dort frimeln wir jetzt zwei kurze Abschnitte PHP-Code hinein.

Erster Codeabschnitt:

  • <?php if($comment->comment_author_email == get_the_author_email() && ($comment->user_id != 0)) {
  • $class = "autor";
  • } else {
  • $class = "gast";
  • }?>

Zweiter Codeabschnitt:

  • class="<?php echo $class; ?>"

Endergebnis:

  • <?php foreach ($comments as $comment) : ?>
  • <?php if($comment->comment_author_email == get_the_author_email() && ($comment->user_id != 0)) {
  • $class = "autor";
  • } else {
  • $class = "gast";
  • }?>
  • <li id="comment-<?php comment_ID(); ?>"class="<?php echo $class; ?>">

Das hat sogar so ein PHP-Vollpfosten wie ich hinbekommen.

Bisher habe ich die Kommentarbox so gestaltet:

  • #inhalt ol#commentlist li {
  • background-color:#ebeded;
  • color:#000;
  • padding:0.5em 0.5em 0 0.5em;
  • border:1px dotted #b6bdb6;
  • margin:1em 0;
  • }

Jetzt habe ich einfach direkt darunter ergänzt:

  • #inhalt ol#commentlist li.autor {
  • background-color:#fdfdef;
  • border:1px solid #a7aea7;
  • }

Mein besonderer Dank gilt Dieter, ohne ihn wäre dieser Artikel nicht entstanden.

]]> http://webdesign-passau.com/wordpress/kommentar-autor-hervorheben/feed/ 9 Zitate in Kommentaren http://webdesign-passau.com/wordpress/zitate-in-kommentaren/ http://webdesign-passau.com/wordpress/zitate-in-kommentaren/#comments Fri, 14 Aug 2009 13:43:33 +0000 Klaus http://webdesign-passau.com/wordpress/?p=95 Weiterlesen →]]> Als Kommentierender in anderen Blogs zitiere ich manchmal den Autor oder einen der anderen Kommentierenden. Dazu nutze ich z.B. den Button Zitat, den man öfter über dem Textfeld findet, wo man den Kommentar reinhackt. Oder ich fasse das Zitat direkt in <blockquote> ein, was auf das Gleiche hinausläuft.

Nachdem der Kommentar eingetragen ist stelle ich leider öfter fest, daß das Zitat optisch kaum oder gar nicht hervorgehoben ist, was meist dann nicht so toll ausschaut.

Dabei ist es mit ein wenig CSS gar nicht so schwierig das zu ändern. Das Wort Zitat: soll automatisch eingefügt werden und das Zitatfeld optisch etwas aufgepeppt werden.

Zuerst trage ich in meinem Blog einen Testkommentar mit einem Testzitat ein. Dann schaue ich mit der Firefox-Erweiterung Firebug welchen CSS-Pfad ich benötige, um die Änderungen vorzunehmen:

#inhalt ol#commentlist li blockquote p

Okay, nun frisch in die style.css des Themes hineingekritzelt:

  • #inhalt ol#commentlist li blockquote p {
  • color:#6d6541;
  • background-color:#ecebe6;
  • font-size:0.9em;
  • font-style:italic;
  • padding:0.4em 0.8em;
  • }

Das sieht ja schon mal deutlich anders aus. Jetzt fehlt nur noch das
Wort Zitat: vor dem Zitat. Dafür eignet sich die CSS-Pseudoklasse :before mit der Eigenschaft content, die hier zur Anwendung kommt:

  • #inhalt ol#commentlist li blockquote p:before {
  • content:" Zitat: ";
  • color:#706b54;
  • font-style:italic;
  • font-weight:600;
  • }

Ein Beispiel was diese Gestaltungsanweisungen bewirken könnt ihr euch
hier anschauen.

Solltet ihr mit dem IE6 oder dem IE7 unterwegs sein, wird das Wort Zitat leider nicht eingeblendet, weil er mit der Pseudoklasse :before nix anfangen kann. Aber das der IE irgendwas nicht kennt oder falsch macht ist ja normale Härte und wundert sicher keinen von euch.

]]> http://webdesign-passau.com/wordpress/zitate-in-kommentaren/feed/ 0