Los widgets son una parte tan integral de los temas de WordPress que es difícil imaginar un tema de WordPress sin widgets. Los widgets son scripts ejecutables que puede simplemente arrastrar y soltar en sus barras laterales o en cualquier otra área lista para widgets en su tema. Muchos de nuestros lectores utilizan widgets para agregar elementos personalizados a su barra lateral. Sin embargo, este artículo es para aquellos usuarios curiosos que desean aprender cómo agregar barras laterales dinámicas listas para widgets o áreas listas para widgets en temas de WordPress.
Registro de barras laterales o áreas listas para widgets en WordPress
Lo primero que debe hacer es registrar su barra lateral o área lista para widgets para su tema. Puede registrar múltiples barras laterales y áreas listas para widgets. Copie y pegue este código en el archivo functions.php de su tema
function wpb_widgets_init() { register_sidebar( array( 'name' => __( 'Main Sidebar', 'wpb' ), 'id' => 'sidebar-1', 'description' => __( 'The main sidebar appears on the right on each page except the front page template', 'wpb' ), 'before_widget' => '<aside id="%1$s" class="widget %2$s">', 'after_widget' => '</aside>', 'before_title' => '<h3 class="widget-title">', 'after_title' => '</h3>', ) ); register_sidebar( array( 'name' =>__( 'Front page sidebar', 'wpb'), 'id' => 'sidebar-2', 'description' => __( 'Appears on the static front page template', 'wpb' ), 'before_widget' => '<aside id="%1$s" class="widget %2$s">', 'after_widget' => '</aside>', 'before_title' => '<h3 class="widget-title">', 'after_title' => '</h3>', ) ); } add_action( 'widgets_init', 'wpb_widgets_init' );
En este código, hemos registrado dos barras laterales. Les hemos dado nombres y descripciones para identificarlos en la pantalla de Widgets. El parámetro de descripción se puede utilizar para indicar a los usuarios dónde aparece esta barra lateral en el tema. El wpb es el nombre del tema en el que estamos trabajando, se usa aquí para hacer que estas cadenas sean traducibles. Debería reemplazarlo con el nombre de su tema.
Agregar barras laterales listas para widgets dinámicos en archivos de tema de WordPress
Hasta ahora solo hemos registrado barras laterales dinámicas. Los usuarios pueden arrastrar y soltar widgets en estas barras laterales desde Apariencia »Widgets pantalla. Sin embargo, estas barras laterales no aparecerán en su sitio hasta que se llamen en una plantilla como sidebar.php
o en cualquier otro lugar donde desee mostrarlos. Para agregar estas áreas de widgets, edite el archivo de plantilla donde desea mostrarlas y pegue este código:
<?php if ( is_active_sidebar( 'sidebar-1' ) ) : ?> <div id="secondary" class="widget-area" role="complementary"> <?php dynamic_sidebar( 'sidebar-1' ); ?> </div> <?php endif; ?>
En este código de ejemplo, hemos utilizado la identificación de la barra lateral para llamar a la barra lateral que queremos mostrar aquí. Cambie la identificación de la barra lateral para mostrar otra barra lateral. Por ejemplo, puede registrar tres barras laterales para el área de pie de página y luego llamarlas una por una en el área de su tema. footer.php
plantilla.
Los widgets pueden ser muy poderosos. Puede agregar widgets a sus publicaciones y contenido de la página, hacer que sus widgets de texto sean coloridos o ampliar el poder de los widgets predeterminados de WordPress. Las barras laterales listas para widgets colocadas correctamente permiten a los usuarios agregar elementos personalizados a sus sitios web mediante una interfaz simple de arrastrar y soltar.
Esperamos que este artículo le haya ayudado a aprender cómo agregar barras laterales listas para widgets dinámicos en WordPress. Le recomendamos que estudie el código en marcos temáticos como Genesis para aprender cómo los profesionales los utilizan en sus productos. Si tiene preguntas y comentarios, deje un comentario a continuación.