Cómo agregar barras laterales Dynamic Widget Ready en WordPress

 

Los widgets son una parte tan esencial de los temas de WordPress que es difícil imaginar un tema de WordPress sin widgets. Los widgets son scripts ejecutables que simplemente puede arrastrar y soltar en sus barras laterales o en cualquier otra área habilitada para widgets en su tema. Muchos de nuestros lectores usan widgets para agregar elementos personalizados a su barra lateral. Sin embargo, este artículo está dirigido a usuarios curiosos que desean aprender cómo agregar barras laterales de widgets dinámicos o áreas de widgets en temas de WordPress.

Registre barras laterales o áreas habilitadas para widgets en WordPress

Lo primero que debe hacer es registrar su barra lateral o área de widgets para su tema. Puede registrar varias barras laterales y áreas habilitadas 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 registramos 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 que los usuarios sepan dónde aparecerá esta barra lateral en el tema. El wpb es el nombre del tema en el que estamos trabajando. Se utiliza aquí para hacer que estas cadenas sean traducibles. Debe reemplazarlo con el nombre de su tema.

Las barras laterales recién creadas aparecerán en la pantalla de widgets.

Agregar barras laterales dinámicas habilitadas para widgets en archivos de tema de WordPress

Hasta ahora solo hemos registrado barras laterales dinámicas. Los usuarios pueden arrastrar y soltar widgets desde estas barras laterales. Apariencia »Widgets Pantalla. Sin embargo, estas barras laterales no aparecerán en su sitio hasta que se acceda a ellas 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 en el que 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 muestra, usamos el ID de la barra lateral para que aparezca la barra lateral que debería aparecer aquí. Cambie el ID de la barra lateral para mostrar una barra lateral diferente. Por ejemplo, puede registrar tres barras laterales para el área del pie de página y luego llamarlas individualmente en su tema. footer.php Modelo.

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 estándar de WordPress. Con barras laterales habilitadas para widgets colocadas correctamente, los usuarios pueden agregar elementos personalizados a sus sitios web mediante una sencilla interfaz de arrastrar y soltar.

Esperamos que este artículo le haya ayudado a aprender cómo agregar barras laterales dinámicas habilitadas para widgets en WordPress. Le recomendamos que estudie el código en marcos temáticos como Genesis para ver cómo los profesionales los utilizan en sus productos. Si tiene alguna pregunta o comentario, deje un comentario a continuación.