Cómo usar Visual Editor para crear widgets en WordPress

¿Quiere utilizar el editor visual de WordPress para crear fácilmente widgets para su sitio web?

El editor visual le permite formatear texto fácilmente, agregar enlaces, imágenes y listas sin escribir código HTML. Esto le permite agregar texto enriquecido en los widgets de la barra lateral de WordPress.

En este artículo, le mostraremos cómo usar el editor visual para crear widgets en WordPress. También le mostraremos cómo crear y guardar bloques de widgets y luego reutilizarlos con cualquier tema y área de widgets.

¿Por qué utilizar Visual Editor para crear widgets en WordPress?

Los widgets ofrecen una manera fácil de agregar elementos de contenido no relacionados a su sitio web. Como una sección Acerca de, publicaciones recientes, formulario de suscripción al boletín por correo electrónico, anuncios publicitarios y más.

El creador de sitios web de WordPress viene con muchos widgets prediseñados que le permiten agregar fácilmente estas cosas. Su tema de WordPress se encarga del estilo y mira el widget en su sitio.

Widget de WordPress

Sin embargo, a veces es posible que desee agregar contenido que no está disponible como widget predeterminado. Por ejemplo, es posible que desee cargar la foto del autor con texto enriquecido mediante formato y enlaces.

Si es así, puede utilizar el widget de texto, que viene con un editor visual integrado. Este editor es ligeramente diferente del editor de bloques predeterminado.

Dicho esto, echemos un vistazo a cómo usar este editor visual para crear widgets multimedia y de texto enriquecido en WordPress.

Usando el editor visual en el widget de texto predeterminado de WordPress

Primero, irás a Apariencia »Widget y luego arrastre el widget “Texto” a la barra lateral.

Arrastre y suelte el widget de texto en la barra lateral de WordPress

Con el widget de texto estándar, puede agregar texto, imágenes y enlaces, tal como lo haría con otros editores WYSIWYG.

Widget de texto estándar de WordPress

Tiene un botón para agregar medios y una barra de herramientas con botones de formato en la parte superior. Esto le brinda un área agradable para agregar cualquier tipo de contenido enriquecido que desee mostrar en la barra lateral de WordPress.

Una vez que haya terminado de realizar los cambios, no olvide hacer clic en el botón “Guardar” para almacenar la configuración del widget.

Ahora puede visitar su sitio web para ver su widget de texto enriquecido en acción.

Widget estándar en su sitio

El widget de texto es ideal para agregar contenido enriquecido. Sin embargo, hay otras formas de hacer lo mismo con aún más opciones de formato y estilo.

Cree widgets con el plugin Widget Content Blocks

El widget de texto predeterminado de WordPress tiene menos opciones de formato. Si necesita más opciones de formato y flexibilidad, puede probar este método.

Le permite crear bloques de contenido enriquecido y luego usarlos como un widget en su sitio web.

Primero, necesitará instalar y activar el archivo Bloques de contenido de widgets conectar. Aquí está nuestra guía completa sobre cómo instalar un plugin de WordPress.

Tras la instalación, el plugin agrega un nuevo elemento de menú llamado Widget Blocks en la barra lateral de administración de WordPress. Ir Bloques de widgets »Nuevo bloque de widgets para crear un nuevo bloque de widgets.

Crear bloque de widgets

Los bloques de widgets son en realidad un tipo de publicación personalizada de WordPress. Entonces, cuando agrega un nuevo bloque de widgets, está utilizando el antiguo editor visual de WordPress, también llamado editor clásico.

Puedes aprovechar al máximo el editor visual y agregar enlaces, imágenes, listas o lo que quieras en el contenido. Una vez que haya terminado, continúe y publique su bloque de widgets.

Ahora puede agregar este bloque de contenido a la barra lateral.

Solo ve al Apariencia »Widget y agregue el “Widget de bloques de widgets” a la barra lateral.

Bloqueo de widget

Debajo del bloque de widgets, haga clic en el menú desplegable para ver y seleccionar el bloque que creó anteriormente. Guarde sus cambios y obtenga una vista previa de su sitio web.

Así es como se verá este nuevo bloque de widgets en su sitio web en la barra lateral principal:

Bloques de contenido de widgets

Otra forma de usar este widget es crear varios bloques para usar en otras áreas de su sitio de widgets.

Todos los mejores temas de WordPress vienen con múltiples áreas de widgets en el encabezado, pie de página, barra lateral y más. Puede usar diferentes bloques y crear hermosos diseños.

Para ver todos los bloques de su widget, vaya a Bloques de widgets »Todos los bloques de widgets página.

Todos los bloques de widgets

Una vez que haya creado sus bloques, puede arrastrarlos a cualquier otra área lista para widgets en su tema. Aquí, los hemos arrastrado a las áreas de pie de página para crear un pie de página personalizado.

Además de agregar el widget de imagen que creamos anteriormente, también agregamos una lista de enlaces y un formulario de contacto.

Así es como se veía en nuestro sitio de demostración:

Widget de pie de página

Mejore su diseño de WordPress (consejo profesional)

Si está buscando crear páginas de destino totalmente personalizadas, la mejor manera de hacerlo es utilizar Plugin SeedProd.

Es un creador de páginas de arrastrar y soltar para WordPress utilizado por más de 1 millón de sitios web.

Puede usarlo para crear diseños de página completamente personalizados sin escribir ningún código.

Esperamos que este artículo le haya ayudado a aprender a utilizar fácilmente el editor visual en los widgets de WordPress. También puede consultar nuestra guía sobre los mejores plugins de bloqueo de WordPress de Gutenberg para agregar elementos de contenido personalizados y nuestra lista de plugins de WordPress imprescindibles para todos los sitios web.

¿Te ha resultado útil??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicado. Required fields are marked *