Los comentarios permiten a los usuarios interactuar con el contenido de su sitio web. Es por eso que creemos que es importante diseñar el diseño de sus comentarios y el formulario de comentarios, para que sean fáciles de usar y estéticos. Recientemente, un usuario nos preguntó cómo agregar información sobre herramientas de jQuery al formulario de comentarios de WordPress. Pensamos que otros también podrían encontrar esto útil. En este tutorial, le mostraremos cómo agregar información sobre herramientas de jQuery en el formulario de comentarios de WordPress.
¿Por qué agregar información sobre herramientas de jQuery?
Contents
La información sobre herramientas aparece cuando un usuario pasa el mouse sobre un elemento, generalmente proporcionándole una descripción de ese elemento en particular. En este tutorial, agregaremos información sobre herramientas de jQuery para mostrar sugerencias como, use su nombre real en los campos del formulario de comentarios. Al agregar información sobre herramientas de jQuery, puede mejorar la experiencia del usuario y se verá mejor.
Cómo agregar información sobre herramientas de jQuery
Lo primero que debe hacer es crear una carpeta en su escritorio y llamarla wpb-comment-tooltips. En esta carpeta, debe crear estos tres archivos:
- wpb-comment-tooltips.php
- wpb-tooltip.css
- wpb-tooltip.js
Utilice un editor de texto sin formato como el Bloc de notas para crear estos archivos. Una vez que haya creado los archivos, debe abrir wpb-comment-tooltip.php en el editor de texto. Copie y pegue este código en el archivo:[‘email’] = ‘
«. ($ req? ‘*‘:’ ‘). ‘
‘; $ campos[‘url’] = ‘
«. ‘
‘; $ campos[‘author’] = ‘
‘; return $ campos; } add_filter (‘comment_form_default_fields’, ‘alter_comment_form_fields’); ?> En el código anterior, primero creamos un encabezado de complemento, dándole un nombre y una descripción. Después de eso, cargamos nuestro archivo JavaScript y CSS (consulte nuestra guía sobre cómo agregar JavaScript y estilos en WordPress). También nos aseguramos de que estos archivos solo se carguen cuando se muestra un formulario de comentarios. Después de eso, cambiamos el formulario de comentarios predeterminado y agregamos el atributo de título en los campos de entrada. Este atributo de título contiene el mensaje que queremos mostrar en la información sobre herramientas. Por ejemplo, en el campo de autor usamos: title = «Por favor, use su nombre real, sin palabras clave». Ahora que ha creado el archivo del complemento, es hora de agregar algo de jQuery. Abra el archivo wpb-tooltip.js y agregue este código dentro: (function ($) {$ («#commentform») .tooltip ({position: {my: «center bottom-10», at: «center top», usando: función (posición, retroalimentación) {$ (esto) .css (posición); $ («
Originally posted 2021-02-24 23:24:31.
