Cómo personalizar estilos de widgets en WordPress










  • En WordPress 5.8, se realizaron cambios importantes en el sistema de widgets, que cambiaron por completo la forma en que los usuarios personalizan los estilos de los widgets. En lugar del clásico sistema de widgets, ahora está basado en bloques, al igual que el editor de Gutenberg.

    Por lo tanto, los bloques con los que está familiarizado desde el editor ahora también se utilizarán para personalizar las áreas de su encabezado, pie de página y barra lateral. Sin embargo, aunque en teoría el sistema es más sencillo, muchos usuarios tienen problemas para adaptarse a los cambios.

    Hoy voy a demostrar cómo personalizar los estilos de los widgets usando el nuevo sistema basado en bloques.

    ¿Por qué se cambió el sistema de widgets?

    WordPress cambió a un diseño basado en bloques en la versión 5.0 y los cambios realizados en el sistema de widgets solo están fomentando esa filosofía de diseño.

    Si bien algunos usuarios pueden estar descontentos con los cambios, la reacción fue igualmente tibia cuando WordPress lanzó Gutenberg. La verdad es que cuando se realiza un cambio importante en la plataforma, los usuarios generalmente se molestan.

    No porque sea más difícil de usar, sino porque es diferente. Es por eso que el editor clásico sigue siendo uno de los complementos más populares en la plataforma. Y el complemento Classic Widgets ya tiene más de 1 millón de instaladores activos.

    En términos generales, el nuevo sistema de widgets es más intuitivo que la iteración anterior, especialmente si está tratando de aprender la plataforma por primera vez. Esto se debe a que está utilizando la misma filosofía de diseño del editor de Gutenberg en el área de widgets.

    Las herramientas son una a una, y eso tiene mucho sentido, pero veámoslo en acción.

    Cómo personalizar estilos de widgets en WordPress 5.8+

    Paso 1: Ve al Área de Widgets de WordPress

    La buena noticia es que este cambio de sistema homogeneiza el proceso de creación de contenido entre publicaciones, páginas y widgets. Si sabes cómo crear contenido en Gutenberg, sabes cómo hacerlo para widgets y viceversa.

    Como era de esperar, aún debe ir al área de widgets de WordPress para realizar cualquier cambio. Nada ha cambiado en este sentido.

    Haga clic en Apariencia y seleccione la opción Widgets.

    Vaya al área de widgets de WordPress

    Si bien llegar aquí es idéntico, el área en sí es muy diferente. En lugar de que todos sus widgets ocupen la mitad de la página, se han ido. En cambio, ahora tiene toda el área para trabajar en sus widgets.

    Cada área de widgets (encabezado, pie de página, barra lateral, etc.) ahora es su propio pequeño editor de Gutenberg.

    Paso 2: agregar bloques a un área de widgets

    Ahora, si estaba acostumbrado a ubicar el widget que desea y arrastrarlo al área apropiada, es posible que se pregunte cómo hacerlo con bloques. Bueno, no es diferente a agregarlos en Gutenberg.

    Simplemente haga clic en el área del widget que desea personalizar y haga clic en el botón "+" para agregar un nuevo bloque.

    Agregar un nuevo bloque

    Esto es idéntico al editor de Gutenberg. Casi todos los bloques son iguales, sin embargo, algunos complementos pueden agregar bloques exclusivos que solo aparecen al acceder al área de widgets.

    Puede averiguar si un complemento lo hace consultando su página oficial.

    Sin embargo, aún puede usar todos los widgets antiguos. Se encuentran agregando un bloque Legacy Widget.

    Elija el bloque heredado

    Luego puede usar el menú desplegable para seleccionar un widget preexistente en su forma original. Sin embargo, eso es simplemente aferrarse a las viejas costumbres.

    En cambio, puede usar los bloques para lograr los mismos resultados. Diablos, puedes hacer incluso más que antes.

    Eso es porque cada bloque se puede personalizar más que un widget.

    Por ejemplo, cada bloque tiene una sección de configuración que puedes personalizar. En este caso, estos son los ajustes que puedes encontrar para el bloque Párrafo.

    Expanda la configuración del bloque

    Esto le permite controlar todos los aspectos del bloque. Para aquellos que se preguntan acerca de los códigos abreviados y agregan HTML personalizado, hay bloques dedicados para cada uno, Código abreviado y HTML personalizado, respectivamente.

    Paso 3: mover bloques a diferentes áreas de widgets

    Es posible que desee cambiar la ubicación actual de un bloque y, en el pasado, todo lo que tenía que hacer era arrastrarlo a una nueva ubicación.

    Sin embargo, en realidad puede hacer eso aquí, pero puede ser engañosamente difícil de entender.

    Si hace clic en un bloque, verá que aparece una pequeña barra de herramientas encima. Una de esas opciones es en realidad para arrastrar el bloque a una ubicación diferente y se ve así:

    De hecho, puedes arrastrar bloques entre áreas de widgets

    No solo puede reorganizar el bloque en un área específica, sino que también puede arrastrarlo a un área nueva por completo. Alternativamente, puede hacer clic en la flecha de flexión para seleccionar un área de widget para moverlo.

    Haga clic en la flecha de flexión para ver las opciones de movimiento.

    Luego, solo necesita hacer clic en la ubicación deseada y su widget se moverá allí. En realidad, es mucho más fácil usar esto que arrastrarlo, pero todos tienen sus preferencias.

    Y con toda honestidad, eso realmente cubre cómo puede personalizar los estilos de widgets en el nuevo sistema Widget. En este punto, solo necesita comenzar a aprender los entresijos de lo que puede hacer cada bloque.

    Si lo hace, no solo beneficiará sus áreas de widgets, sino que también lo ayudará a crear más contenido en publicaciones y páginas porque las herramientas son las mismas.

    ¿Puedo volver al sistema clásico de widgets?

    ¡Absolutamente! Como mencioné anteriormente, el complemento Classic Widgets ya tiene más de 1 millón de usuarios activos. Su único propósito es restaurar el clásico sistema de widgets y es mantenido por el propio equipo de WordPress.

    La verdadera pregunta es, ¿debería usted?

    En la versión 5.9 de WordPress , la plataforma introdujo temas basados ​​en bloques. Y esos temas solo admiten el sistema de widgets basado en bloques. Incluso el uso de un complemento no funcionará, por lo tanto, es muy probable que, eventualmente, todos los temas nuevos se basen en bloques.

    Si bien esto podría molestar a algunos usuarios, tenga la seguridad de que tomaría años para que se produzca un cambio completo, así que no se apresure. Dicho esto, no se puede negar que eventualmente, todo se hará con bloques en mente.

    Está claro que WordPress se compromete a hacer que toda la experiencia se base en bloques.

    Por lo tanto, tomarse el tiempo para aprender el nuevo sistema ahora le brindará muchas más opciones en el futuro a medida que la plataforma continúe refinando el sistema de bloques e implementando nuevas funciones. Recomiendo aprender el sistema, pero la elección es suya.

    El sistema de bloques está aquí para quedarse

    WordPress ahora consta del editor basado en bloques, Gutenberg, un área de widgets basada en bloques y, más recientemente, temas basados ​​en bloques. Si aún no se ha dado cuenta, el desarrollo de contenido basado en bloques llegó para quedarse.

    Si bien algunos usuarios han seguido hablando sobre los cambios, en verdad son una minoría. La plataforma continúa en esta dirección y las herramientas se vuelven cada vez más refinadas. En última instancia, la plataforma se vuelve más fácil de usar y más personalizable como resultado.

    No luches contra lo inevitable, aprende a usar bloques en WordPress hoy.

    ¿Prefieres los sistemas basados ​​en bloques en WordPress? ¿Crees que los bloques son más personalizables que los widgets?










  • Subir