ElegantThemes

Widgets en WordPress 5.8 y superior

Copia y diseño de @critterverse

WordPress 5.8 lleva el poder de los bloques de Gutenberg a las áreas de widgets, lo que significa que las opciones de diseño y diseño altamente personalizables lo acercan a una experiencia de edición WYSIWYG. Hice una página de prueba basada en el viejo pero bueno Veinte dieciséis tema, con tres áreas de widgets independientes. En esta publicación, voy a resaltar algunas cosas interesantes que puede hacer ahora con sus widgets y dónde podrían ir las cosas a continuación.

Cree efectos visuales interesantes con diseños superpuestos e imágenes de duotono

En términos de apariencia, los usuarios tienen mucho más control que nunca sobre las áreas de widgets, especialmente mediante el uso de bloques con opciones de personalización como la portada y el bloque de imagen. Esto es lo que puedo crear en el editor de widgets clásico (arriba) en comparación con lo que puedo crear en el nuevo editor de widgets basado en bloques (abajo).

Distribuya widgets y código personalizado en sus diseños visuales.

Los bloques de contenedores, como cubiertas y columnas, facilitan la incorporación de elementos dinámicos o interactivos en sus diseños. Si bien esto es algo natural para muchos widgets, las versiones en bloque de los widgets pueden simplemente integrarse en bloques contenedores y superponerse para integrarlos más completamente en su diseño.

En el siguiente ejemplo, intenté colocar un bloque de búsqueda frente a un bloque de cobertura, lo que crea un bonito efecto de capas. También coloco bloques HTML personalizados en un bloque de columnas para mostrar diferentes mensajes según la hora del día. (secuencia de comandos de jQuery)

Utilice diseños de widgets tradicionales (o no) con mucha flexibilidad en términos de título y estructura

Los widgets clásicos siempre han tenido un bloqueo que incluye un título de widget. Una cosa interesante acerca de los bloques en las áreas de widgets es que tiene total flexibilidad en cómo se muestran los títulos. Por ejemplo, puede elegir un título encima de cada widget, tener solo un título en la parte superior de cada área de widget o es posible que su diseño no necesite ningún título.

Nota: algunos temas como Veintiuno, están diseñados para que el contenido fluya horizontalmente dentro de las áreas de widgets. Si tiene problemas con un tema para dividir su diseño en columnas, puede intentar mantener el candado juntos manteniéndolos en un bloque de grupo.

Comparación lado a lado de la vista de lista de un área de widget de barra lateral con y sin bloqueos agrupados / anidados.

Copie y pegue diseños existentes del directorio de plantillas de WordPress

Aunque los patrones aún no están completamente integrados con los editores de widgets, puede puede lo que hay que hacer es copiar y pegar patrones del innovador nuevo Directorio de muestra de WordPress en las áreas de widgets de su sitio. Yo usé eso llamada a la acción horizontal Patrón del directorio casi exactamente como está, con ajustes menores de color y copia:

Área de widget de pie de página con un cuadro negro que dice

Para su información, los patrones aún no se han seleccionado o incorporado en las áreas de widgets, por lo que puede encontrar un comportamiento inesperado; considere esta función como una vista previa de lo que sigue en la edición de widgets.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *