how to convert a wordpress widget to a block og Convertir un widget de WordPress en un bloque (paso a paso)

Convertir un widget de WordPress en un bloque (paso a paso)

¿Quiere usar un widget desactualizado en su barra lateral de WordPress o publicar contenido?

En la versión 5.8, WordPress ha agregado un nuevo editor de widgets basado en bloques. Los bloques son más flexibles y facilitan la adición de contenido enriquecido a su sitio. Afortunadamente, aún puede usar widgets clásicos en su sitio.

En este artículo, le mostraremos cómo convertir un widget de WordPress en un bloque.

¿Cómo convertir un widget de WordPress en un bloque?

Esto es lo que cubriremos en este tutorial:

¿Cuál es la diferencia entre un widget de WordPress y un bloqueador?

Los widgets se utilizan para agregar bloques de contenido a la barra lateral, pie de página u otras áreas de su sitio web de WordPress. Son una manera fácil de agregar galerías de imágenes, feeds de redes sociales, citas, calendarios, publicaciones populares y otros elementos dinámicos a su sitio.

En la versión 5.8, WordPress introdujo un nuevo editor de widgets basado en bloques que le permite usar bloques para crear áreas de widgets más atractivas. Por ejemplo, puede agregar botones, elegir colores, agrupar diferentes bloques y más.

Pero, ¿qué sucede si todavía confía en un widget antiguo que no se ha actualizado a un bloque de WordPress? Afortunadamente, todavía puedes usarlo.

Le mostraremos cómo agregar fácilmente widgets heredados a su barra lateral y otras áreas habilitadas para widgets. El método que use dependerá de si está usando un tema clásico o un tema de bloque. Además, también le mostraremos cómo agregar un widget a sus publicaciones y páginas.

Pero primero, veamos la diferencia entre widgets y bloques desde el punto de vista de un desarrollador.

¿Se puede convertir fácilmente un widget de WordPress en un bloque?

Si es un desarrollador que creó un widget antiguo para WordPress, es posible que se pregunte si puede convertirlo en un nuevo widget de bloque.

Aunque los widgets y los bloques tienen el mismo aspecto, en realidad son bastante diferentes. Por ejemplo, están codificados usando lenguajes de programación completamente diferentes. Los widgets están escritos en PHP y los bloques están escritos en JavaScript.

Esto significa que no existe una forma sencilla de convertir un widget en un bloque.

Pero eso no es un problema. Su widget existente seguirá funcionando con las nuevas versiones de WordPress. Si no planea actualizar el código de su widget, puede dejarlo como está.

Sin embargo, si desea seguir agregando nuevas funciones a su widget, es mejor crear un nuevo bloque para reemplazar el antiguo widget. Puede seguir nuestra guía sobre cómo crear un bloque de WordPress personalizado.

Crear un nuevo bloque personalizado

Agregue widgets a su barra lateral de tema clásico en WordPress

Si está usando un tema clásico, puede agregar widgets clásicos a su barra lateral u otras partes de su sitio habilitadas para widgets usando el widget heredado.

Primero necesitas navegar a Apariencia » Widgets en su área de administración de WordPress.

Luego haga clic en el botón ‘+ Agregar bloque’. En la ventana emergente, debe hacer clic en el icono ‘Widget heredado’.

Agregue el widget heredado a su barra lateral

Observación: Cuando lo veas Apariencia » Editar en vez de Apariencia » Widgets, entonces usas un tema de bloque. Debe seguir el siguiente método a continuación.

Ahora puede seleccionar el widget que desea usar en el menú desplegable.

Seleccione el widget que desee del menú desplegable

El widget se agregará a su barra lateral. Asegúrese de hacer clic en el botón ‘Actualizar’ en la parte superior de la pantalla para guardar el nuevo widget.

El widget heredado se ha agregado a la barra lateral.

Para obtener más información, consulte nuestra guía paso a paso sobre cómo agregar y usar widgets en WordPress.

Agregue widgets a la barra lateral de su tema de bloque en WordPress

Los temas de bloque, como el tema predeterminado Twenty Twenty-Two, le permiten usar el Editor de sitio completo en WordPress. La edición completa del sitio proporciona bloques personalizados para diseñar el tema de su sitio web, pero no incluye el widget heredado de forma predeterminada.

Eso significa que no puede acceder a los widgets heredados desde el Editor de sitio completo, y cuando cambia de un tema clásico a un tema de bloque, los widgets heredados que estaba usando no se migrarán.

Afortunadamente, puede agregar soporte para widgets más antiguos usando un complemento. Simplemente instale y active el Widget heredado de X3P0 enchufar. Para obtener más información, consulte nuestra guía paso a paso para instalar un complemento de WordPress.

Tras la activación, el complemento agrega el widget heredado al editor de sitio completo. Le permite usar widgets antiguos con temas más nuevos.

El widget heredado ahora está disponible en el editor de sitio completo

Agregue widgets al contenido de su publicación en WordPress

Primero debe editar una publicación/página existente de WordPress o agregar una nueva. Una vez que esté en el editor de contenido de WordPress, haga clic en el botón ‘+ Alternar insertador de bloque’ en la parte superior de la pantalla.

Luego, desplácese hacia abajo hasta la sección «Widgets» y busque el widget que desea agregar al contenido. Luego puede arrastrar el widget a su publicación.

Desplácese hacia abajo hasta la sección Widgets

Puede personalizar el widget utilizando el panel de configuración en el lado derecho de la pantalla.

Una vez que haya terminado, continúe y publique su publicación de blog o página.

Configure el widget desde el panel de configuración derecho

Para obtener más información, consulte nuestra guía sobre cómo agregar widgets de WordPress en el contenido de publicaciones y páginas.

Esperamos que este tutorial te haya ayudado a aprender a usar widgets antiguos en WordPress. Es posible que también desee aprender cómo rastrear a los visitantes del sitio web o consultar nuestra lista de los mejores complementos de formulario de contacto para WordPress.

Si te ha gustado este artículo, suscríbete a nuestro Canal de Youtube para tutoriales en vídeo de WordPress. También puedes encontrarnos en Gorjeo y Facebook.

Su Calificación Nos Ayuda a Mejorar