¿Le gustaría crear fácilmente widgets para su sitio web utilizando el editor visual de WordPress?

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 a los widgets de la barra lateral de WordPress.

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

Cómo crear widgets en WordPress usando el editor visual

¿Por qué usar el editor visual para crear widgets en WordPress?

Los widgets brindan una manera fácil de agregar elementos no contextuales a su sitio web. Como la sección Acerca de, publicaciones recientes, formularios de suscripción a boletines por correo electrónico, pancartas publicitarias, etc.

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

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 una foto del autor con texto enriquecido usando formato y enlaces.

En este caso, puede usar un widget de texto con un editor visual incorporado. Este editor es ligeramente diferente del editor de bloques predeterminado.

Habiendo dicho eso, veamos cómo crear widgets con texto enriquecido y medios en WordPress usando este editor visual.

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

Primero, irás Apariencia » Widgets Luego arrastre el widget de Texto a su barra lateral.

Arrastre y suelte widgets de texto en la barra lateral de WordPress

Usando widgets de texto estándar, puede agregar texto enriquecido, imágenes y enlaces como cualquier otro editor 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 excelente para agregar cualquier tipo de contenido enriquecido que desee mostrar en su barra lateral de WordPress.

No olvide hacer clic en el botón “Guardar” cuando haya terminado de editar para almacenar la configuración de su widget.

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

Widgets estándar en su sitio web

Los widgets de texto son excelentes para agregar contenido enriquecido. Sin embargo, hay otras formas de hacer lo mismo con más opciones de formato y estilo.

Cree widgets usando el complemento de bloque 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 enfoque.

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

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

Una vez instalado, el complemento agrega un nuevo elemento de menú llamado Widget Blocks a la barra lateral de administración de WordPress.ir con Bloques de widgets » Nuevo bloque de widgets Crea un nuevo bloque de widgets.

Crear bloques de widgets

Los bloques de widgets son en realidad tipos de publicaciones personalizadas de WordPress. Entonces, cuando agrega un nuevo bloque de widgets, está utilizando el antiguo editor visual de WordPress, también conocido como el editor clásico.

Puede aprovechar el editor visual y agregar enlaces, imágenes, listas o lo que desee a su contenido. Una vez hecho esto, continúe y publique su bloque de widgets.

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

solo ve a Apariencia » Widgets página y agregue “Widget Blocks Widget” 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á este nuevo bloque de widgets en la barra lateral principal de su sitio web:

bloque de contenido del widget

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

Todos los temas principales de WordPress vienen con múltiples áreas de widgets en encabezados, pies de página, barras laterales y más. Puede usar diferentes bloques y crear hermosos diseños.

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

Todos los bloques de widgets

Una vez que se crean los bloques, puede arrastrar cada uno de ellos a cualquier otra área del tema lista para widgets. Aquí los arrastramos al área del 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 en nuestro sitio de demostración:

widget de pie de página

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

Si desea crear una página de inicio de sesión completamente personalizada, la mejor manera es utilizar el complemento SeedProd.

Es un generador 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 cómo usar fácilmente el editor visual en los widgets de WordPress. También puede consultar nuestra guía sobre los mejores complementos de bloque de WordPress de Gutenberg para agregar elementos de contenido personalizados, así como nuestra lista de complementos de WordPress imprescindibles para todos los sitios web.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para videos tutoriales de WordPress.También puedes encontrarnos en Gorjeo y Facebook.

Los datos expuestos en este sitio web son de índole informativo, no necesariamente están actualizados. Esta información es una recopilación de información de internet.