ГлавнаяWordpressСоздание темыУрок #17. Интеграция вёрстки. Sidebar. Создание темы WordPress.

Урок #17. Интеграция вёрстки. Sidebar. Создание темы WordPress.

Категория: Создание темы / Опубликовано: 2017-08-17 / Просмотров: 110

Интеграция вёрстки. Sidebar. Создание темы WordPress.

В боковой колонке (панели) выводятся пользовательские блоки с информацией, который именуются виджетами. Управлять виджетами можно в панели управления, но для этого необходимо создать файл sidebar.php и зарегистрировать боковую колонку в файле functions.php.

Открываем файл sidebar.php для внесения изменений.

Выделяем содержимое блока div с классом sidebar, и удаляем его. Сам блок sidebar не удаляем.

	<!-- Боковая колонка -->
	<div class="sidebar">

	</div>

На место удалённого кода вставляем функцию dynamic_sidebar(), которая выводит на экран активную панель с виджетами. Если в нашей панели не будет одного активного виджета, то система будет выводить текст «Нет активных виджетов».

	<!-- Боковая колонка -->
	<div class="sidebar">
		<?php if (!dynamic_sidebar('right-sidebar')): ?>
			<?php echo '<div class="textwidget"><p>Нет активных виджетов..</p></div>'; ?>
		<?php endif; ?>
	</div>

Открываем файл functions.php и сразу после открывающего тега <?php вставляем код, который зарегистрирует нашу боковую колонку (панель с виджетами).

/**
* Регистрация боковой колонки
**/
register_sidebar(array(
	'name' => 'Правая колонка', //Название виджета (отображается в панели управления)
	'id' => 'right-sidebar', //ID виджета (нужен для того, чтобы система знала где и какой виджет выводить)
	'before_widget' => '<div id="widget" class="%2$s">', //Содержимое виджета
	'after_widget' => '</div>', //Конец содержимого виджета.
	'before_title' => '<div id="title-widget"><h6>', //Начало блока с заголовком виджета
	'after_title' => '</h6></div>' //Конец блока с заголовком виджета
));

Если у вас остались какие-то вопросы или вы нашли непонятный момент в описании, пишите в комментариях ниже и я вам обязательно отвечу.

С уважением, Артём Санников

Сайт: ArtemSannikov.ru

Похожие записи по теме

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *