Как добавить динамические боковые панели для виджетов?

Виджеты это неотделимая часть тем для WordPress, трудно представить себе тему для WordPress без виджетов. Виджеты это выполняемые скрипты, которые можно просто перенести на боковую панель или любую область вашей темы. Многие из наших пользователей используют виджеты, чтобы добавлять пользовательские элементы на боковую панель. Однако эта статья предназначена для тех, что хочет добавлять динамические боковые панели для виджетов в темы для WordPress.

Регистрация боковых панелей и областей для виджетов в WordPress

Первым делом нужно зарегистрировать вашу боковую панель или область для виджетов в вашей теме. Мы можете зарегистрировать несколько таких. Скопируйте и вставьте код в файл вашей темы functions.php.

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' );

В этом коде, мы зарегистрировали две боковых панели. Мы дали им имена и описания, чтобы идентифицировать их на экране виджетов. Параметр описания может быть использован , чтобы сообщить пользователям, где эта боковая панель появится в теме. Имя в теме wpb используется, чтобы сделать все строки переводимыми. Вы должны заменить их именем вашей темы.

Добавление динамических боковых панелей для виджетов в файлы темы WordPress

Пока что мы лишь зарегистрировал динамические боковые панели. Пользователи могут перенести виджеты на эти боковые панели через Appearance » Widgets. Однако они не появятся на сайте, пока они называют в шаблоне как sidebar.php или по-другому. Чтобы их добавить, отредактируйте файл шаблона и вставьте этот код:

<?php if ( is_active_sidebar( 'sidebar-1' ) ) : ?>

<div id="secondary" class="widget-area" role="complementary">
	<?php dynamic_sidebar( 'sidebar-1' ); ?>
	</div>

<?php endif; ?>

В этом примере, мы использовали id боковой панели, чтобы вызвать ту боковую панель, которую мы хотим видеть. Смените id боковой панели чтобы показать другую. Например, вы можете зарегистрировать три боковых панели для нижнего колонтитула и после вызвать их по очереди в шаблоне темыfooter.php.

Виджеты могут быть очень полезными. Вы можете добавить виджеты в содержимое вашего поста, сделать ваши текстовые виджеты более красочными, или расширить функционал стандартных виджетов WordPress.

Наша специальность — разработка и поддержка сайтов на WordPress. Контакты для бесплатной консультации — [email protected], +371 29394520