Cómo convertir un widget de WordPress en un bloque (paso a paso)

How to Convert a WordPress Widget to a Block

¿Quiere usar un widget de barra lateral de WordPress heredado o publicar contenido?

En la versión 5.8, WordPress agregó 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 web.

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 bloque?

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 web.

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 con mayor capacidad de respuesta. Por ejemplo, puedes añadir botones, elegir colores, agrupar diferentes bloques, etc.

Pero, ¿qué sucede si todavía confía en un widget heredado 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 listas para widgets. El método que use depende de si está usando un tema clásico o un tema de bloque. También le mostraremos cómo agregar un widget a sus publicaciones y páginas.

Pero primero, echemos un vistazo rápido a la diferencia entre widgets y bloques desde la perspectiva de un desarrollador.

¿Puede un widget de WordPress convertirse simplemente en un bloque?

Si es un desarrollador que ha creado un widget de WordPress heredado, es posible que se pregunte si puede convertirlo en un nuevo widget de bloque.

Si bien los widgets y los bloques se ven similares, en realidad son bastante diferentes. Por ejemplo, están codificados con lenguajes de programación completamente diferentes. Los widgets están escritos en PHP y los bloques en JavaScript.

Esto significa que no existe una manera fácil 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 aún desea agregar una nueva funcionalidad a su widget, la mejor manera es 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

Agregar widgets a la barra lateral de su tema clásico de WordPress

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

Primero tienes que navegar Apariencia » Widgets en su área de administración de WordPress.

Luego debe hacer clic en el botón "+ Agregar bloque". En la ventana emergente, haga clic en el icono del widget heredado.

Agregue el widget heredado a la barra lateral

Nota: cuando veas Apariencia » Editar En cambio Apariencia » Widgets, luego use 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 deseado 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 agrega a la barra lateral

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

Agregar widgets a su barra lateral de tema de bloque de WordPress

Los temas de bloque, como el tema veintidós predeterminado, le permiten usar el editor de sitio completo en WordPress. La edición completa del sitio proporciona bloques de estilo personalizados para el tema de su sitio web, pero no incluye el widget heredado predeterminado.

Esto significa que no puede acceder a los widgets heredados a través del editor de sitio completo, y si cambia de un tema clásico a un tema de bloque, los widgets heredados que haya estado usando no se migrarán.

Afortunadamente, puede agregar soporte para widgets heredados usando un complemento. Solo instala y activa Widget heredado de X3P0 enchufar. Consulte nuestra guía paso a paso para instalar un complemento de WordPress para obtener más detalles.

Después de la activación, el complemento agrega el widget heredado al el editor completo del sitio. Esto le permite usar widgets más antiguos con un diseño más nuevo.

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

Agregar widgets al contenido de su publicación de 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 herramienta Insertar 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 ejecutable usando el panel de configuración en el lado derecho de la pantalla.

Una vez que haya terminado, puede publicar su entrada de blog o página.

Configure el ejecutable en el panel de configuración derecho

Para obtener más información, consulte nuestra guía para agregar widgets de WordPress a las publicaciones y al contenido de la página.

Esperamos que este tutorial lo haya ayudado a aprender a usar widgets heredados en WordPress. También puede querer aprender cómo rastrear a los visitantes del sitio web o consultar nuestra lista de los mejores complementos de formulario de contacto de WordPress.

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

Deja una respuesta

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

Subir