¿Quieres usar el editor visual de WordPress para crear fácilmente widgets para tu 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é usar el editor visual 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 de 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.
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 ese caso, puede usar el widget de texto, que viene con un editor visual incorporado. 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.
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.
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 su 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.
El widget de texto es excelente para agregar contenido enriquecido. Sin embargo, hay otras formas de hacer lo mismo con más opciones de formato y estilo.
Cree 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.
En primer lugar, deberá instalar y activar el Bloques de contenido de widgets enchufar. 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 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.
Los bloques de widgets son en realidad un tipo de publicación personalizada de WordPress. Entonces, cuando agrega un nuevo bloque de widgets, está usando el antiguo editor visual de WordPress, que también se llama el 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 a la Apariencia » Widgets página y agregue el ‘Widget Blocks Widget’ a su barra lateral.
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:
Otra forma en que puede usar este widget es creando múltiples bloques para usar en otras áreas con widgets en su sitio.
Todos los temas principales de WordPress vienen con múltiples áreas de widgets en encabezado, pie de página, barra lateral y más. Puede 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.
Una vez que haya creado sus bloques, puede arrastrar cada uno de ellos a cualquier otra área lista para widgets de su tema. 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:
Llevando el diseño de WordPress más allá (Consejo profesional)
Si está buscando crear páginas de destino completamente personalizadas, entonces la mejor manera de hacerlo es usando Complemento de producción de semillas.
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 cómo usar fácilmente el editor visual en los widgets de WordPress. También es posible que desee ver nuestra guía sobre los mejores complementos de bloque de WordPress de Gutenberg para agregar elementos de contenido personalizados, y nuestra lista de los complementos de WordPress imprescindibles para todos los sitios web.
.