Cómo usar el editor visual 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.

Cómo usar el editor visual para crear widgets en WordPress

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

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

El creador de sitios web de WordPress viene con muchos widgets predeterminados que le permiten agregar fácilmente esas cosas. Su tema de WordPress se encarga del estilo y el widget se ve en su sitio.

Widgets 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.

En ese caso, puede utilizar el widget de texto, que viene con un editor visual integrado. Este editor es un poco diferente al editor de bloques predeterminado.

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

Uso del editor visual en el widget de texto predeterminado de WordPress

Primero, irás a Apariencia »Widgets y luego arrastre el widget ‘Texto’ a su barra lateral.

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

Al usar el widget de texto estándar, puede agregar texto enriquecido, 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 editar, no olvide hacer clic en el botón ‘Guardar’ para almacenar la configuración de su 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.

Crear widgets con el complemento de bloques de contenido de widgets

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 widgets en su sitio web.

Primero, deberá instalar y activar el complemento Widget Content Blocks. Aquí está nuestra guía completa sobre cómo instalar un complemento de WordPress.

Tras la instalación, el complemento agrega un nuevo elemento de menú llamado Bloques de widgets en la barra lateral de administración de WordPress. Ir a 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, que también se llama editor clásico.

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

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

Simplemente ve al Apariencia »Widgets página y agregue el ‘Widget de bloques de widgets’ a su barra lateral.

Bloque de widgets

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

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

Bloques de contenido de widgets

Otra forma en que puede utilizar este widget es creando varios bloques para usar en otras áreas con widgets de su sitio.

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

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

Todos los bloques de widgets

Una vez que haya hecho sus bloques, puede arrastrar cada uno de ellos a cualquier otra área de su tema lista para widgets. Aquí, los arrastramos 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:

Widgets de pie de página

Llevando el diseño de WordPress más allá (consejo profesional)

Si está buscando crear páginas de destino completamente personalizadas, la mejor manera de hacerlo es utilizando el complemento SeedProd.

Es un generador de páginas de arrastrar y soltar para WordPress que utilizan 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. Es posible que también desee ver nuestra guía sobre los mejores complementos de bloques de WordPress de Gutenberg para agregar elementos de contenido personalizados, y nuestra lista de complementos de WordPress imprescindibles para todos los sitios web.

Si le gustó este artículo, suscríbase a nuestro canal de YouTube para tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.

Botón volver arriba