Añadir espacio para widgets en tu tema de WordPress

Tiempo de lectura: 2 minutos

Agregar widgets a un tema de WordPress es un proceso relativamente sencillo y flexible.

Aquí te dejo un tutorial paso a paso:

Paso 1: Registra un Área de Widgets en el archivo functions.php

Abre el archivo functions.php de tu tema y agrega el siguiente código para registrar un área de widgets. En este ejemplo, crearé un área llamada «Footer Widgets»:

function mi_theme_registrar_widgets() {
    register_sidebar( array(
        'name'          => esc_html__( 'Footer Widgets', 'mi_theme' ),
        'id'            => 'footer-widgets',
        'description'   => esc_html__( 'Widgets for the footer area', 'mi_theme' ),
        'before_widget' => '<div id="%1$s" class="widget %2$s">',
        'after_widget'  => '</div>',
        'before_title'  => '<h4 class="widget-title">',
        'after_title'   => '</h4>',
    ) );
}
add_action( 'widgets_init', 'mi_theme_registrar_widgets' );

Asegúrate de reemplazar 'mi_theme' con el nombre de tu tema.

Paso 2: Muestra los Widgets en tu Tema

Abre el archivo donde deseas mostrar los widgets (por ejemplo, footer.php) y utiliza la función dynamic_sidebar() para mostrar los widgets registrados en esa área. Aquí hay un ejemplo para el footer:

<footer class="bg-dark text-white py-5">
    <div class="container">
        <div class="row mt-4">
            <?php wp_footer(); ?>
            <div class="col-md-12 text-center">
                <?php dynamic_sidebar( 'footer-widgets' ); ?>
                <p>&copy; <?php echo date('Y'); ?> <?php bloginfo('name'); ?>. All Rights Reserved.</p>
            </div>
        </div>
    </div>
</footer>

Paso 2: Añade Widgets desde el Panel de Administración

1. Ve a «Apariencia» en el panel de administración de WordPress y selecciona «Widgets».
2. Deberías ver una nueva área llamada «Footer Widgets». Arrastra los widgets que desees utilizar desde la lista de widgets disponibles hacia esta área.

Y podrás modificar los Widgets:

Paso 4: Guarda y Actualiza

Guarda los archivos que has modificado y actualiza tu sitio. Ahora deberías ver los widgets que agregaste desde el panel de administración de WordPress en el área designada de tu tema.

Notas Adicionales:

• Asegúrate de que la página en la que estás trabajando está utilizando la plantilla correcta que contiene la sección donde deseas mostrar los widgets.
• Si encuentras problemas, verifica los nombres y configuraciones en tu código y en el panel de administración.
• Verifica que tienes añadidas correctamente las etiquetas de WordPress: <?php wp_head(); ?> <?php wp_footer(); ?>

¡Con estos pasos, deberías poder añadir widgets a tu tema de WordPress de manera efectiva!