Recientemente Cristiano hasta ha lanzado un plugin útil para WordPress que puede añadir dos enlaces a cada comentario en un post (tal vez se ha instalado una similar, ya que en el directorio WordPress.org me sonrió un par, pero al ser un software italianas el caso en honor a la excelente labor realizada por Christian). Estos enlaces (respuesta y acciones), se reúnen y / o citar al autor de un comentario mediante la realización de la tediosa tarea de insertar el signo de arroba (@) para indicar a quién va dirigida. En este tutorial voy a mostrar - para el medio a los usuarios con experiencia - la forma en que estas dos características añadiendo a la misma "a mano", sin necesidad de recurrir a la instalación de ningún plugin. También explotar las capacidades de jQuery para la parte de JavaScript. La técnica que actualmente es el mismo que utiliza para introducir esta característica en este blog.
Nota: El uso de un plug-in es la mejor solución para aquellos que tienden a modificar la frecuencia de su plantilla de WordPress, o por lo menos, tiene planes de implementar esto. Este tutorial es sólo para mostrar cómo llevar a cabo intervenciones específicas dentro del código de WordPress y está dedicado a los curiosos.
Editar el archivo comments.php
El primer cambio que hacer es insertar el enlace "Responder" y "acciones" en cada comentario. Para ello editamos el archivo comments.php encuentra en la carpeta de nuestro tema. Este archivo contiene todas las instrucciones que aparecen los comentarios al final de una entrada. La sección que se refiere (que pueden variar ligeramente de un tema a otro) es la creación de lazos a través de los comentarios, identificado por:
1 2 3 4 5 | ( $comments as $comment ) : ?> <Php foreach ($ comentarios as $ comentario):?> ?> "> <Li id = "comment-<? Php COMMENT_ID ()?>"> / / ... </ Li> ; /* end for each comment */ ?> <? Endforeach php / * final de cada comentario * /> |
En un bucle alrededor de una etiqueta de comentario solo está contenido en li . , possiamo inserire i nostri link, racchiudendoli in un div e impostando alcune classi che ci saranno utili per definirne più avanti il layout: Inmediatamente después de la etiqueta de apertura li , o justo antes de la etiqueta de cierre li , podemos poner nuestro enlace encerrando en un div y el establecimiento de algunas clases que nos ayudará a definir con mayor precisión el diseño:
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 ()?>')"> Responder </ a> <a href =?" Javascript: jqr2c_quote (? Comment-<Php COMMENT_ID ()?>' ) "> Cita </ a> </ Div> |
Nota: podemos mejorar nuestro código mediante la adición de un control sobre el estado de los comentarios (abierto o cerrado) y el tipo de comentario (pingbacks, trackbacks, etc ...). Por ejemplo, si escribe:
1 2 3 4 5 6 7 | ( comments_open ( ) && <? Php if (comments_open () & & comment_type != "trackback" && $ Comentario -> comment_type = "Trackback" & & comment_type != "pingback" ) { ?> $ Comentario -> 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 ()?>')"> Responder </ a> <a href =?" Javascript: jqr2c_quote (? Comment-<Php COMMENT_ID ()?>' ) "> Cita </ a> </ Div> ?> <? Php}?> |
Editar el archivo header.php
e jqr2c_quote() . Los enlaces que hemos puesto en su comments.php llamar a dos funciones de JavaScript, en este caso jqr2c_reply() y jqr2c_quote() . Vamos entonces a poner estas funciones en el encabezado de la página, que se define en el archivo header.php . , ed inseriamo le seguenti righe di codice: Vamos a editar este archivo y posizioniamoci antes de la etiqueta de cierre de la head o la primera llamada a la WordPress wp_header() , e inserte las siguientes líneas de código:
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 / ** * Introduzca el estilo y la secuencia de comandos si estamos viendo * Un solo puesto y los comentarios están abiertos * / is_single ( ) && comments_open ( ) ) { ?> if (is_single () & & comments_open ()) {?> <style type="text/css"> / * Aquí definimos nuestra _____________ estilos * / div.jqr2c_ul {margin: 0 30px 400px 8px} / * Etc. ... * / </ Style> <script type="text/javascript"> <!--// jqr2c_reply función (id) { Auto var = jQuery ('# li' id +) niños ('Cita') text ()..; jQuery ('# comment textarea') texto ('<b> @' + Auto + '</ b foco >:'). ().; } jqr2c_quote función (id) { Auto var = jQuery ('# li' id +) niños ('Cita') text ()..; var c = jQuery ('# li' id +) niños ('p') text ()..; .. jQuery ('# comment textarea') texto ('<b> @' + Auto + '</ b>: \ n blockquote' c + + "</ p> \ n ') focus (); } //--> </ Script> ?> <? Php}?> |
Si tu blog, como en mi caso, ya se utiliza jQuery , esto es todo lo que usted necesita! De lo contrario usted puede agregar estas líneas en el código anterior, después de if (is_single() && comments_open()) :
1 2 3 4 5 | is_single ( ) && comments_open ( ) ) { ?> if (is_single () & & comments_open ()) {?> / / Incluir el jQuery AJAX Library API de 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. Carga ("jquery", "1.2.6") </ script> / / ... igual que el resto ... |
Los dos guiones incluyen jQuery explicó a través de la Google API AJAX de Google Library: un punto de inflexión para los desarrolladores
Excelente guía, como siempre!
@ Camu:
Pero ¿por qué molestarse jQuery (con todo el peso de los mismos, aunque por lo menos) cuando se puede hacer todo a mano con JS simple?
Por cierto aquí de usted en Firefox 3.0.3, cuando el área de texto ya ha "tenido" un foco de los botones no funcionan ..
@ Napolux:
Puede ser útil si, como yo, ya está utilizando jQuery por otras razones. Sin embargo, es cierto que se puede lograr a través de un "simple" JavaScript, pero siempre es útil para aprovechar la actual marco de trabajo (jquery, prototype.js, dojo, etc ...) más que cualquier otra cosa, ya que garantiza una compatibilidad entre navegadores no siempre es fácil poner en práctica (no en este caso).
@ Napolux:
Para mí, si he entendido bien, no ...? Sin embargo, podría ser un gusano fixare
En primer lugar quiero darle las gracias en gran medida para la revisión de los plugins que actualmente ofrece la posibilidad de moverse entre los comentarios, además de la funcionalidad de cotización y de la respuesta.
Por desgracia, aunque me han aconsejado en varias ocasiones por otros, que aún no han sido reportados (junto con otros que he hecho) en el repositorio de WordPress.org.
Yo haré tan pronto como sea posible
Con respecto a la solución propuesta es sin duda el mejor si usted ya usa jQuery, la única desventaja es que a mí me parece que no permite una selección parcial del texto de cota.
Para aquellos interesados en una solución alternativa usando javascript puro me gustaría destacar el primer artículo que escribí hace algún tiempo sobre el mismo tema y que luego (como resultado de las peticiones de muchos lectores) se le ocurrió la ejecución del plugin:
Un procedimiento para la cita de forma automática los comentarios en un post
El procedimiento también permite citar parcial del texto y cross-browser.
Mis mejores deseos para Giovambattista con el que comparto no sólo la pasión por la informática y la programación (yo también soy padre de gemelos
)
@ Christian: tienes razón sobre la discapacidad en la selección, evitado intencionalmente, ya que tenía un objetivo "educativo" y / o descriptivo, no reemplazar el funcionamiento de su gran plugin
Estoy de acuerdo con la pasión por la programación y la "dura" para crecer los gemelos
Si usted tiene alguna idea para un nuevo plugin de WordPress que me gustaría trabajar con usted, si lo desea!
Saludos y nos vemos pronto
@ Napolux:
El problema es el uso del método
text()jQuery. Esto funciona hasta que haya nuevo contenido añadido. Es mejor usar la formaattr('value')@ Giovambattista Fazioli:
Sentí
Lo que no me puedes hacer un gran placer, sin duda aprovechar su preparación y experiencia en
@ Christian: ver respuesta jQuery para comentar
@ Giovambattista Fazioli:
Ya he "visto" y "verificado" por la referencia
Finalmente encontré el tiempo para crear una cuenta en el repositorio de WordPress y remitir el plugin: No sé cuánto tiempo les llevará a su aprobación
Si no se toma mucho tiempo, y luego informar de ello a los demás que he hecho.
WordPress: cómo escribir una respuesta al comentario utilizando jQuery ...
Hasta hace poco cristiana ha lanzado un plugin para WordPress útil que se puede anexar dos enlaces a cada comentario en un post (tal vez se ha instalado una similar, ya que en el directorio WordPress.org me sonrió un par, pero se ...
Hola eres muy bueno ... gran guía!
Felicitaciones
Tengo un blog anke ==> Si usted tiene que visitar este sitio:
PanHack-Blog
Me encanta la gente que escribe "anke"
apenas para que nunca voy a ir a visitar tu blog, mi querido PanHack!
@ Camu:
Giovambattista Lo siento, me desperté un ácido "poco esta mañana
Excelente guía
Maldita sea ... yo no trabajo en el sentido de que después de todo, pero sólo se genera un
un poco de ayuda?