Теги Убедитесь, что ваша тема написана в одной из наиболее “идеальных” форм, удобных для виджетов, чтобы избежать этой проблемы.
Зарегистрируйте боковые панели
Следующим шагом будет оценка вашего дизайна. Сколько виджетных областей вы хотите? Одно не проблема. Два или больше – тоже не проблема. Вы даже можете отформатировать их по-разному, если они удобны для виджетов, как описано выше.
Первое, что вам понадобится, это создать functions.php файл внутри каталога вашей темы. Это файл, который вы можете использовать для изменения функциональности WordPress с помощью кода PHP, без использования плагинов или редактирования основного кода. Все встроено в определенную тему.
Вернемся к этому идеальному формату элементов боковой панели, удобному для виджетов, первому примеру в этом посте. Чтобы зарегистрировать боковую панель в этом формате, мы поместим в наш файл следующий код.
если (function_exists (‘register_sidebar’))
register_sidebar (массив (
‘before_widget’ => ”,
‘after_widget’ => ”,
‘before_title’ => ‘
‘,
‘after_title’ => ‘
‘,
));
?>
Это кажется довольно очевидным, правда? Название «Категории» было заключено в
и
Поэтому мы ставим это значение для и соответственно. Вы также можете поместить код в другой и заключить каждый элемент виджета в другой код, который может вам понадобиться для вашего дизайна.
Условные теги боковой панели
Эй, условный тег? Надеюсь, это звучит для вас знакомо. Мы будем использовать что-то подобное, чтобы проверить, зарегистрирована ли боковая панель с виджетами и активны ли они. Вверху боковой панели (или там, где вы хотите, чтобы начали отображаться виджеты), поместите следующий код.
Боковая панель находится посередине, а затем …
Убедитесь, что в какой-то момент у вас есть фраза if after, иначе вся ваша тема сломается. Если вы все сделали правильно, ваша тема должна быть готова для виджетов. Однако мы еще не закончили …
Несколько областей готовых виджетов
Сделав несколько дополнений и изменений в вашем файле и еще несколько в ваших файлах темы, вы можете иметь столько виджетных областей, сколько захотите, каждая со своим уникальным именем.
Допустим, у вас был макет из 3 столбцов с 2 боковыми панелями: одна слева и одна справа. Вы хотите настроить оба по отдельности. Мы будем работать со структурой боковой панели из первого примера для обоих. Ваш файл functions.php будет выглядеть так:
если (function_exists (‘register_sidebar’))
register_sidebar (массив (
‘name’ => ‘Левая боковая панель’,
‘before_widget’ => ”,
‘after_widget’ => ”,
‘before_title’ => ‘
‘,
‘after_title’ => ‘
‘,
));
если (function_exists (‘register_sidebar’))
register_sidebar (массив (
‘name’ => ‘Правая боковая панель’,
‘before_widget’ => ”,
‘after_widget’ => ”,
‘before_title’ => ‘
‘,
‘after_title’ => ‘
‘,
));
?>
Обратите внимание на новую часть матрицы. Вы можете называть это как хотите, но постарайтесь быть описательными. Теперь, когда вы переходите к своему файлу или где бы ни была каждая из ваших боковых панелей в вашей теме, вы будете использовать следующий условный тег с именем выбранной вами боковой панели. Также убедитесь, что в этом файле нет неправильных пробелов или символов новой строки, так как это может вызвать появление предупреждающих сообщений при редактировании.
Левая боковая панель по умолчанию здесь …
А для правой боковой панели …
Здесь по умолчанию используются элементы правой боковой панели …
Убедитесь, что все соответствует выбранным вами именам в обоих файлах.
Что еще можно делать с виджетами
Виджеты не обязательно использовать для боковых панелей. Их можно использовать для других вещей, например, для нижних колонтитулов или даже для заголовка. Теоретически вам даже не нужно помещать код «по умолчанию» между условным тегом. Подойдите к этому творчески и используйте свое воображение. Используйте виджет в заголовке, чтобы чередовать объявления, или разместите виджет окна входа в нижнем колонтитуле, или где угодно – решать вам.
вывод
Надеюсь, вы узнали из этого руководства и теперь знаете, как создавать виджеты из своих тем. Если при редактировании вы получаете какие-либо ошибки вроде «заголовки уже отправлены …», возможно, вам придется проверить файл functions.php, чтобы убедиться, что под закрывающим тегом нет места?>.
Дополнительное чтение доступно в Automattic и WPDesigner. Есть и другие «сокращенные» версии кода, который я написал на этих страницах.
Не стесняйтесь комментировать или делиться, если вам это понравилось. Я ценю все комментарии. Кроме того, не забудьте подписаться на канал, если вы еще не получили последние выпуски тем и руководств.
