En WordPress 5.8 (lanzado en julio de 2021), WordPress realizó un gran cambio en el editor de widgets de WordPress, cambiándolo del sistema antiguo a un nuevo enfoque de widget basado en bloques.

Donde antes usaba un editor personalizado en el editor de widgets de WordPress, ahora usará bloques para controlar el contenido en las áreas de widgets de su sitio, los mismos bloques que usa cuando crea publicaciones o páginas.

En este artículo, le presentaremos el nuevo editor de widgets de WordPress basado en bloques y le mostraremos cómo funciona. Luego, veremos siete de los widgets más útiles y le mostraremos cómo usarlos en su máximo potencial. ¡Vamos a sumergirnos!

Cómo funciona el editor de widgets de WordPress basado en bloques

Para comenzar, repasemos cómo puede acceder y usar el editor de widgets.

Cómo acceder al editor de widgets

Tienes dos opciones para acceder al editor de widgets de WordPress.

Primero, puede ir a Apariencia → Widgets para abrir la interfaz completa del editor de widgets:

La pantalla principal que muestra el editor de widgets de WordPress.

En segundo lugar, también puede acceder al editor de widgets desde el Personalizador de WordPress yendo a Apariencia → Personalizar → Widgets :

Cómo aparece el widget después de usar el editor de widgets de WordPress en el personalizador de temas.

Usar el Personalizador es bueno porque le permite ver una vista previa en vivo de cómo se verán sus widgets en la interfaz de su sitio. Sin embargo, la desventaja es que tiene menos espacio para el editor real.

Por esa razón, es posible que desee ir a Apariencia → Widgets para editar widgets de alta resistencia y luego cambiar al Personalizador para los toques finales.

Cómo usar el editor de widgets de WordPress

Ya sea que esté trabajando en el área dedicada de widgets de WordPress o en el Personalizador de WordPress, el proceso básico para editar sus widgets será el mismo.

Para nuestras capturas de pantalla, sin embargo, vamos a utilizar el área dedicada de widgets de WordPress ( Apariencia → Widgets ).

Con el nuevo sistema de widgets de bloques, los widgets de WordPress ahora usan el mismo editor de bloques que usas para crear publicaciones y páginas. Si no está familiarizado con su funcionamiento, puede consultar nuestra guía del editor de bloques de WordPress .

Para agregar un nuevo bloque/widget, puede hacer clic en el ícono más en la esquina superior izquierda o en el ícono más dentro del área del widget que está editando:

Cómo agregar nuevos bloques al editor de widgets

En la siguiente sección, veremos algunos de los widgets de bloque más útiles que puede agregar .

Para agregar texto, puede agregar un bloque de párrafo o encabezado y simplemente hacer clic y escribir.

Para editar la configuración completa de un widget de bloque, solo necesita hacer clic en él. Luego, puede editar su configuración en la barra lateral ( al igual que el editor de bloques normal ):

Cómo editar la configuración de un widget de bloque

Para mover widgets entre diferentes áreas de widgets, puede hacer clic en el icono «garabato» y usar el menú desplegable para elegir a qué área de widgets moverlo:

Cómo mover bloques entre diferentes áreas de widgets

Si desea editar un área de widget diferente, simplemente haga clic en la flecha para expandirla. Por ejemplo, en la captura de pantalla anterior, puede hacer clic en el área del widget de la barra lateral de la tienda para editar los bloques dentro de ese área del widget.

En general, todo en el nuevo editor de widgets de WordPress funciona prácticamente igual que el editor de bloques, lo cual es bueno porque crea una experiencia consistente para editar tu sitio de WordPress y te da acceso a un mayor control sobre las áreas de tus widgets.

Los widgets de bloque de WordPress más útiles

Ahora que sabe cómo usar el nuevo editor de widgets de WordPress basado en bloques, veamos siete de los widgets de bloques de WordPress más útiles.

Sin embargo, tenga en cuenta que estas no son sus únicas opciones, y es posible que también desee familiarizarse con otras funciones.

1. Archivos

El widget Archivos organiza tus publicaciones anteriores por mes y año:

Un ejemplo del widget Archivar.

Esta ayuda de navegación puede ayudar a su audiencia a acceder rápidamente a contenido antiguo. Si está buscando una manera fácil de organizar todas esas nuevas ideas de publicaciones de blog para futuros usuarios, este puede ser el mejor widget para el trabajo.

Le recomendamos encarecidamente que active la opción Mostrar como menú desplegable . Esto puede ayudar a minimizar el espacio que ocupa el widget de archivo sin limitar su utilidad. Debería considerar hacer esto especialmente si tiene un sitio antiguo con muchas publicaciones.

Finalmente, es posible que desee considerar activar la configuración Mostrar recuentos de publicaciones . Si no se ha ceñido a un programa de publicación constante en el pasado, esto puede ayudar a dirigir a los usuarios a sus meses más productivos.

2. Últimos comentarios

Como sugiere el nombre, este widget muestra los comentarios más recientes en su sitio. También mostrará a qué publicación se relaciona el comentario, por lo que no tiene que preocuparse por perder el contexto:

Un widget que muestra los últimos comentarios.

Creemos que la mejor parte del widget Últimos comentarios es la eficacia con la que muestra un sitio activo. Puede llevar este punto a casa aún más activando la opción Mostrar fecha .

Si los usuarios ven que otras personas están interactuando con sus publicaciones, es posible que se animen a hacer lo mismo. Además, los que aparecen pueden apreciar el reconocimiento. Este sentimiento personalizado puede ser particularmente fuerte si su audiencia usa imágenes de perfil únicas .

A pesar de todos estos posibles aspectos positivos, probablemente debería prestar atención a la configuración de visualización de este widget. Demasiados comentarios pueden ralentizar incluso los temas de WordPress más rápidos . Como tal, le recomendamos que limite la cantidad de comentarios que muestra a la vez.

3. Últimas publicaciones

El bloque Últimas publicaciones puede ayudar a mantener a su audiencia informada sin importar dónde se encuentren en su sitio. Eso es porque agregar este widget generará una lista de su contenido más reciente:

Una demostración del widget de Publicaciones recientes.

Como tal, es una forma sencilla de proporcionar acceso rápido a su trabajo más reciente. Como resultado, los usuarios no tendrán que volver a su página de inicio o blog principal para buscar contenido nuevo; en cambio, pueden acceder directamente a la publicación que llamó su atención .

Lo mejor de todo es que este widget es altamente personalizable. Por ejemplo, puede optar por incluir detalles como extractos de publicaciones o el nombre del autor. Si su sitio depende en gran medida de las imágenes, también puede optar por mostrar imágenes destacadas .

Si solo desea mostrar parte de su contenido, también puede filtrar las publicaciones de categorías y/o autores específicos.

4. Iconos sociales

Brindarles a sus usuarios oportunidades para conectarse con usted en las redes sociales puede ayudar a expandir su alcance. Ahí es donde entra en juego el widget de iconos sociales:

Un ejemplo del widget de iconos de redes sociales en acción.

Esta característica lo ayuda a presentar enlaces a sitios de redes sociales populares como Facebook. También puede agregar otros menos comunes como Amazon. Si está involucrado en su programa de afiliados , esto puede ayudarlo a realizar más ventas.

Si se siente cómodo usando el editor de widgets de WordPress en un sentido estilístico, también puede considerar ajustar las paletas de colores de los iconos. Probablemente no desee alejarse demasiado de los diseños reconocibles, pero incluso un cambio sutil puede ayudar a que estos íconos se adapten mejor al tema de su sitio.

5. Nube de etiquetas

Su sitio de WordPress probablemente tenga algún tipo de sistema de etiquetado. Tag Cloud trae esta función al frente y al centro al mostrar todas sus etiquetas en un grupo:

La nube de etiquetas, que es un bloque importante para saber cómo editar widgets.

Además, el tamaño de cada etiqueta está determinado por la cantidad de publicaciones que la usan. Puede aclarar esto activando la configuración Mostrar recuentos de publicaciones . Al comunicar esta información visualmente, puede ayudar a sus usuarios a explorar intuitivamente los temas más populares en su blog.

Sin embargo, algunos sitios tienen un sistema de etiquetas claro para los motores de búsqueda . Esto puede generar una larga lista de etiquetas que ni siquiera Tag Cloud podrá organizar. Si esto suena como usted, considere usar este widget para mostrar categorías en su lugar. Obtendrá los mismos beneficios de navegación sin crear un gran bloque de texto.

6. Menú de navegación

El widget del menú de navegación es otro bloque simple pero poderoso. Esta característica muestra el menú de navegación elegido donde sea que lo coloques:

Saber cómo editar widgets, incluso tan simple como el menú de navegación, puede ser esencial.

La navegación es una parte fundamental de la experiencia de usuario de su sitio . Probablemente ya muestre su menú de navegación principal en su encabezado, pero el widget del menú de navegación le brinda la opción de mostrar un menú diferente en cualquier área de widgets.

Por ejemplo, podría crear un menú separado para sus enlaces de pie de página y usar este widget para mostrar automáticamente esos enlaces en su pie de página.

7. Buscar

El widget de búsqueda permite a los usuarios buscar contenido en su sitio. Puede parecer simple, pero saber cómo editar widgets, incluso tan sencillo como este, es importante:

Un ejemplo de cómo editar widgets que son simples, como el widget de búsqueda.

Al igual que el widget del menú de navegación, creemos que el widget de búsqueda funciona mejor cuando se coloca en un lugar destacado. De esta manera, los usuarios pueden navegar fácilmente por su sitio y encontrar respuestas a sus consultas.

Sin embargo, es posible que el ancho predeterminado del 100 % no funcione con el diseño de su sitio. Afortunadamente, no necesita abandonar esta función por completo. En su lugar, puede personalizar el ancho de porcentaje exacto en el menú de opciones de Configuración de pantalla .

Después de configurar este widget, también puede considerar agregar una función de búsqueda de autocompletar . Este pequeño cambio puede agregar un toque de profesionalismo a casi cualquier sitio.

Cómo deshabilitar los widgets de bloqueo y usar los widgets de WordPress más antiguos

El nuevo editor de widgets de WordPress basado en bloques le brinda mucha más flexibilidad que el antiguo sistema de widgets de WordPress. Sin embargo, si prefiere seguir usando el antiguo sistema de widgets, tiene opciones.

Al igual que el complemento Classic Editor le permite deshabilitar el editor de bloques , el complemento oficial Classic Widgets le permite deshabilitar los widgets basados ​​en bloques y continuar usando el antiguo editor de widgets de WordPress.

No hay configuraciones para configurar: tan pronto como active el complemento, su sitio volverá a usar el sistema de widgets heredado.

Ve arriba

Comience con el editor de widgets de WordPress

Ejecutar un sitio web generalmente requiere una buena cantidad de estrategia. Como tal, puede que no sea suficiente solo saber cómo usar el editor de widgets de WordPress; también es importante comprender cómo hacerlo de manera efectiva. Afortunadamente, puede aprovechar al máximo las funciones más útiles con solo unos pocos clics.

En este artículo, le mostramos cómo funciona el nuevo editor de widgets basado en bloques y luego lo guiamos a través de siete de los widgets más prácticos. Explicamos su uso básico y cubrimos algunas formas inteligentes de optimizar su contribución a su sitio web.

Si desea poder usar sus widgets en más partes de su sitio, también puede consultar nuestra guía sobre cómo crear una barra lateral de WordPress personalizada .

¿Tiene alguna pregunta sobre cómo editar widgets de manera más efectiva? Puedes poner ponerla en los comentarios y nuestra comunidad o nuestros expertos te ayudarán.

Deja una respuesta

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

Nuestra web usa cookies para mejorar tu experiencia.