Kürzlich Cristiano Up ist ein nützliches Plugin für veröffentlichte WordPress , dass zwei Links zu jedem Kommentar kann Append in einem Beitrag (vielleicht haben Sie ein ähnliches installiert werden, da in dem Verzeichnis WordPress.org Ich strahlte ein paar, aber da ein italienischer Software würde der Fall zu Ehren der hervorragenden Arbeit von Christian getan hat). Diese Links (reply & Aktien), zu treffen und / oder an den Autor eines Kommentars, indem Sie die mühsame Aufgabe, die At-Zeichen (@), an wen sie gerichtet ist, zeigen einfügen Zitat. In diesem Tutorial zeige ich - für mittlere bis erfahrene Anwender - die Art und Weise diese beiden Funktionen hinzugefügt, um es "von Hand", ohne auf die Installation von Plugins. Auch die Möglichkeiten der jQuery für die JavaScript-Teil. Die Technik, die ich gegenwärtig ist das gleiche, dass ich diese Funktion in diesem Blog vorstellen werden.
Hinweis: Die Verwendung eines Plugins ist die beste Lösung für diejenigen, die häufig ändern Sie Ihre WordPress Template neigen, oder zumindest, hat Pläne, diese zu implementieren. Dieses Tutorial ist nur zu zeigen, wie gezielte Interventionen innerhalb des Codes durchführen WordPress und ist mit dem neugierigen gewidmet.
Bearbeiten Sie die Datei comments.php
Die erste Veränderung, die wir machen, ist den Link "Antworten" und "Aktien" in jedem Kommentar einfügen. Dazu bearbeiten wir die Datei comments.php in den Ordner von unserem Thema entfernt. Diese Datei enthält alle Anweisungen, dass die Kommentare Anzeige am Ende eines Beitrags. Der Abschnitt betrifft (die können leicht variieren von Thema zu Thema) sind, ist die Schaffung einer Schleife über die Kommentare, gekennzeichnet durch:
1 2 3 4 5 | ( $comments as $comment ) : ?> <PHP foreach ($ comments wie $ comment):?> ?> "> <Li id = "comment-<? Php COMMENT_ID ()?>"> / / ... </ Li> ; /* end for each comment */ ?> <? Endforeach php / * Ende für jeden Kommentar * /?> |
In einer solchen Schleife um einen einzigen Kommentar-Tag ist auch enthalten in li . , possiamo inserire i nostri link, racchiudendoli in un div e impostando alcune classi che ci saranno utili per definirne più avanti il layout: Unmittelbar nach dem Starttag li , oder kurz vor dem Schluss-Tag li , können wir unsere Links, umschließt sie in einem div und Einstellung einige Klassen, die uns helfen, um das Layout unten definiert wird:
1 2 3 | <div class="jqr2c_ul"> ?> ')">Rispondi</a> <a href="javascript:jqr2c_quote('comment- <?php comment_ID ( ) ?> ')">Quota</a> <A href = "javascript: jqr2c_reply (" comment-<Php COMMENT_ID ()?>')"> Antworten </ a> <a href =? "Javascript: jqr2c_quote ('? Comment-<Php COMMENT_ID ()?>' ) "> Zitat </ a> </ Div> |
Hinweis: Wir können unseren Code, indem ein Scheck über den Status von Kommentaren (offen oder geschlossen) und die Art von Kommentar (Pingbacks, Trackbacks, etc zu verbessern ...). Zum Beispiel Folgendes eingeben:
1 2 3 4 5 6 7 | ( comments_open ( ) && <? Php if (comments_open () & & comment_type != "trackback" && $ Comment -> comment_type = "Trackback" & & comment_type != "pingback" ) { ?> $ Comment -?> Comment_type = "Pingback") {> <div class="jqr2c_ul"> ?> ')">Rispondi</a> <a href="javascript:jqr2c_quote('comment- <?php comment_ID ( ) ?> ')">Quota</a> <A href = "javascript: jqr2c_reply (" comment-<Php COMMENT_ID ()?>')"> Antworten </ a> <a href =? "Javascript: jqr2c_quote ('? Comment-<Php COMMENT_ID ()?>' ) "> Zitat </ a> </ Div> ?> <? Php}?> |
Bearbeiten Sie die Datei header.php
e jqr2c_quote() . Die Links haben wir es gebracht haben in Ihrem comments.php nennen zwei JavaScript-Funktionen, in diesem Fall jqr2c_reply() und jqr2c_quote() . Dann lass uns gehen, um diese Funktionen auf der Seite Header, in der Datei definiert gesetzt header.php . , ed inseriamo le seguenti righe di codice: Lassen Sie uns diese Datei bearbeiten und posizioniamoci vor dem schließenden Tag des head oder der erste Aufruf der WordPress wp_header() , und setzen Sie die folgenden Codezeilen:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 | <Php / ** * Legen Sie Stil und Skript, wenn wir sehen werden * Ein einziger Beitrag und Kommentare sind offen * / is_single ( ) && comments_open ( ) ) { ?> if (is_single () & & comments_open ()) {?> <style type="text/css"> / * Hier definieren wir unsere _____________ Stile * / div.jqr2c_ul {margin: 0 30px 8px 400px} / * Usw. ... * / </ Style> <script type="text/javascript"> <!--// jqr2c_reply Funktion (id) { Auto var = jQuery ('li #' + id) Kinder ('nennen') text ()..; jQuery ('# comment textarea') text ('<b> @' + Auto + '</ b >:'). focus ().; } jqr2c_quote Funktion (id) { Auto var = jQuery ('li #' + id) Kinder ('nennen') text ()..; var c = jQuery ('li #' + id) Kinder ('p') text ()..; .. jQuery ('# comment textarea') text ('<b> @' + Auto + '</ b>: \ n blockquote' c + + "</ blockquote> \ n ') focus (); } //--> </ Script> ?> <? Php}?> |
Wenn Ihr Blog, wie in meinem Fall, verwendet bereits jQuery , das ist alles was Sie brauchen! Ansonsten können Sie die folgenden Zeilen in den vorherigen Code hinzufügen, nachdem if (is_single() && comments_open()) :
1 2 3 4 5 | is_single ( ) && comments_open ( ) ) { ?> if (is_single () & & comments_open ()) {?> / / Fügen Sie die jQuery Ajax Library API von Google "text/javascript" src = "http://www.google.com/jsapi" > </script> <script Type = "text / javascript" src = "http://www.google.com/jsapi"> </ script> "text/javascript" > google . load ( "jquery" , "1.2.6" ) </script> <script Type = "text / javascript"> google. Load ("jquery", "1.2.6") </ script> / / ... wie der Rest ... |
Die beiden Skripte beinhalten jQuery über die Google erklärt API Google AJAX-Bibliothek: ein Wendepunkt für Entwickler
Excellent guide, wie immer!
@ Camu:
Aber wozu jQuery (mit dem ganzen Gewicht beteiligt, obwohl zumindest), wenn man alles von Hand mit einfachen JS tun kann?
Durch die Art und Weise hier von Ihnen auf Firefox 3.0.3, wenn die textarea schon "habe" einen Schwerpunkt der Tasten funktionieren nicht ..
@ Napolux:
Es kann nützlich sein, wenn, wie ich, bereits mit jQuery aus anderen Gründen. Allerdings ist es wahr, dass man sie durch eine "einfache" JavaScript zu erreichen, aber es ist immer sinnvoll, die bestehenden Rahmen-(jquery, prototype.js, Dojo, etc ...) mehr als alles andere zu nutzen, weil es eine Cross-Browser-Kompatibilität ist nicht immer einfach, sicher umzusetzen (in diesem Fall nicht).
@ Napolux:
Für mich, wenn ich richtig verstehe, ist es nicht ...? Doch es könnte ein Wurm fixare werden
Zuerst möchte ich Ihnen sehr herzlich für die Überprüfung der Plugins, die derzeit die Möglichkeit bietet, zwischen Kommentaren zu bewegen, zusätzlich zu den Funktionen von Zitieren und antworten.
Leider, obwohl ich schon mehrmals von anderen beraten, habe ich noch nicht berichtet worden (zusammen mit anderen die ich gemacht habe), um die WordPress.org Repository.
Ich werde so bald wie möglich zu tun
Im Hinblick auf die vorgeschlagene Lösung ist sicherlich die beste, wenn Sie bereits jQuery, ist das einzige Handicap, dass es mir scheint, dass nicht erlauben eine teilweise Auswahl der Maßzahlen.
Für Interessenten an einer alternativen Lösung mit reinem javascript Ich mag darauf hinweisen, den ersten Artikel möchte ich schrieb vor einiger Zeit zum gleichen Thema und die dann (als Folge der Wunsch vieler Leser) kam mit der Umsetzung des Plugins:
Ein Verfahren zur automatischen Zitat die Kommentare in einem Beitrag
Das Verfahren ermöglicht auch teilweise zitiert der Text und ist Cross-Browser.
Best wishes to Giovambattista, mit denen ich nicht nur eine Leidenschaft für Informatik und Programmierung (Ich bin auch der Vater von Zwillingen
)
@ Christian: du hast recht auf die Behinderung bei der Auswahl, absichtlich vermieden, da ich ein Ziel "Bildung" und / oder beschreibende hatte, nicht ersetzen Betrieb Ihrer großen Plugin
Ich stimme mit der Leidenschaft für das Programmieren und die "harten" Zwillinge wachsen
Wenn Sie irgendwelche Ideen für eine neue WordPress Plugin haben möchte ich mit Ihnen, wenn Sie es wünschen!
Grüße und bis bald
@ Napolux:
Das Problem ist die Anwendung der Methode
text()jQuery. Das funktioniert, bis es neue Inhalte hinzugefügt wird. Besser benutzt bitte das Formularattr('value')@ Giovambattista Fazioli:
Ich spürte,
Was konntest du nicht tun, mir eine große Freude, auf jeden Fall nutzen Sie die Vorbereitung und Know-how in
@ Christian: siehe jQuery Auf Kommentar antworten
@ Giovambattista Fazioli:
Ich habe schon "gesehen" und "geprüft" durch die Referrer
Ich endlich die Zeit gefunden, mich erschaffen ein Konto auf der WordPress-Repository und das Plugin beziehen: Ich weiß nicht, wie lange es mitnehmen zu genehmigen
Wenn es nicht viel Zeit, dann melden Sie es anderen, die ich gemacht habe.
WordPress: wie man eine Antwort auf Kommentar mit jQuery zu schreiben ...
Bis vor kurzem Christian hat ein nützliches Plugin für WordPress, dass zwei Links zu jedem Kommentar kann Append in einem Beitrag (vielleicht haben Sie ein ähnliches installiert werden, da in dem Verzeichnis WordPress.org Ich strahlte ein Paar, aber freigesetzt ...
Hallo, Sie sind sehr gut ... Große Führer!
Komplimente
Ich habe einen Blog anke ==> Wenn Sie muss diese Seite besuchen:
PanHack-Blog
Ich liebe die Leute, die schreiben "Anke"
erst für, dass ich nie gehen Sie zu Ihrem Blog zu besuchen, mein lieber PanHack!
@ Camu:
Giovambattista Leider wachte ich ein wenig "acid an diesem Morgen
Excellent guide
Verdammt ... ich weiß nicht in dem Sinne, dass ich alles nach der Arbeit, aber ich erzeugt nur eine
ein wenig Hilfe?