SummArg | Cursos y recursos para webmasters

03/08/2011

Agregar una ventana para ver la vista previa de nuestro comentario en WordPress

Con esta pequeña modificación podremos ver la vista previa del comentario que estamos escribiendo antes de enviarlo, y no necesitaremos instalar ningún plugin. Sólo con insertar algunas líneas en nuestro theme bastará. Para ello abrimos header.php e insertamos antes de la etiqueta <body>:
<?php wp_enqueue_script(</code><code>'jquery'</code><code>); ?>
<?php if (is_single()) { ?>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery("").add("<h3 id='preview-title'>Vista previa</h3><div id='comment-preview'></div>").appendTo(document.body);
jQuery("#comment-preview, #preview-title").insertAfter("#comment");
var $comment = '';
jQuery('#comment').keyup(function() {
$comment = jQuery(this).val();
$comment = $comment.replace(/nn+/g, '<br /><br />').replace(/n/g, "<br />");
jQuery('#comment-preview').html( $comment );
});
});
</script>
<?php } ?>

En la plantilla de estilos agregamos:
#comment-preview {
border: 1px solid #ccc;
padding: 5px 15px 15px 15px;
}
h3#preview-title {
margin-bottom: 5px
}

Y ya estará funcional la opción para ver la vista previa del comentario. Visto en wordpressapi

Dejar un comentario

  1. Información Bitacoras.com…

    Valora en Bitacoras.com: Con esta pequeña modificación podremos ver la vista previa del comentario que estamos escribiendo antes de enviarlo, y no necesitaremos instalar ningún plugin. Sólo con insertar algunas líneas en nuestro theme bastará. Para e…..

Dejar un comentario