Учебники

Введение в настройщик тем WordPress

Введение в настройщик тем WordPress

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

К счастью, начиная с версии 3.4 и благодаря Theme Customizer API, нам вообще не нужны страницы настроек.

[iframe src=”https://platform.twitter.com/embed/index.html?creatorScreenName=wpexplorer&dnt=false&embedId=twitter-widget-0&frame=false&hideCard=false&hideThread=false&id=281401416550080512&lang=en&origin=https%3A%2F%2Fwww.wpexplorer.com%2Ftheme-customizer-introduction%2F&siteScreenName=wpexplorer&theme=light&widgetsVersion=ed20a2b%3A1601588405575&width=500px”]

Речь идет о блоге, о котором идет речь, – «Галерея опций темы», где представлены «лучшие (и худшие) экраны опций тем в городе». В основном худшее, но я думаю, именно поэтому он стал популярным. По словам Константина, именно Theme Customizer сделает его устаревшим.

В этой серии публикаций мы рассмотрим преимущества использования настройщика тем по сравнению со «старыми» страницами настроек, рассмотрим, как работает настройщик тем, посмотрим, как его можно расширить, и, наконец, создадим шаблон настройщика тем, который можно использовать с любой темой WordPress. .

Преимущества настройщика тем

Я не говорю, что страницы настроек темы (были?) Все плохие – если все сделано правильно, они кажутся естественным продолжением панели инструментов WordPress – просто сейчас есть что-то получше. Что делает Customizer, по сравнению со страницей настроек, так это упрощает процесс настройки темы, снимая повязку с головы пользователя.

Если вы никогда не видели этого в действии, обязательно посмотрите это видео Отто :

[iframe src=”https://www.youtube.com/embed/vD8v6u3noPg”]

Итак, что же такое настройщик тем? Согласно Кодексу:

Экран настройки темы (например, «Настройка темы») позволяет администраторам сайта настраивать параметры темы и просматривать предварительный просмотр этих изменений в режиме реального времени.

Настройка тем в двух словах

Настройщик тем состоит из трех основных компонентов – разделов, настроек и элементов управления. Если бы Theme Customizer был домом, ваша гостиная была бы одной из секций, каждый свет в ней был бы настройкой, а каждый выключатель света – элементом управления. Это так просто.

Чтобы взаимодействовать с настройщиком тем, вы должны подключиться к действию customize_register. Таким образом вы загрузите объект $ wp_customize, экземпляр класса WP_Customize_Manager, который выполняет всю тяжелую работу. Подробнее об этом во второй части этой серии.

Это уже там

Если вы не хотите взаимодействовать с настройщиком тем и вам просто нужно позволить ему делать это в вашей теме, это станет еще проще. Когда вы создаете тему с нуля, настройщик тем уже будет там, показывая его встроенные разделы. Фактически, это то, насколько далеко вам дадут пустой index.php и style.css, в котором нет ничего, кроме строк заголовка комментария:

Введение в настройщик тем WordPress

Настройщик тем в пустой теме

Конечно, на этом снимке экрана нет ничего для предварительного просмотра, потому что index.php ничего не делает, но в этом суть – если вы разработчик темы, Theme Customizer просто кричит: «Когда вы будете готовы!» так что нет причин не использовать его в своей теме WordPress.

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

  • Заголовок и слоган сайта
  • Цвета*
  • Заглавное изображение*
  • Фоновая картинка*
  • Навигация *
  • Статическая первая страница

Отмеченные (*) разделы появятся только в том случае, если ваша тема поддерживает соответствующие функции. Если вы хотите, чтобы отображался раздел «Изображение заголовка», все, что вам нужно, это add_theme_support (‘custom-header’) где-нибудь в вашем файле functions.php.

Существующие элементы управления

Со всеми этими встроенными секциями должны быть некоторые существующие элементы управления (переключатели света, помните?), Чтобы заполнить их. Вот что WordPress дает вам из коробки:

  • Текстовое поле
  • Флажок
  • Радио
  • Выбрать
  • Палитра цветов
  • Файл загружен
  • Загрузка изображения
  • Фоновая картинка
  • Заглавное изображение

Вероятно, достаточно хорошо для большинства тем, но если ваша тема особенная (позвольте мне предположить, правда?) И требует некоторых настраиваемых элементов управления, вы тоже можете это сделать. Создание настраиваемых элементов управления – одна из вещей, которые мы рассмотрим в этой серии, так что следите за обновлениями.

На данный момент все

В настоящее время WordPress имеет шестнадцать API-интерфейсов (попробуйте назвать их все!), И если вы судите о них по тому, насколько они удобны для пользователя и насколько легко начать их использовать, ни один из них не приблизится к API настройки темы.

Вы уже сделали одолжение своим пользователям и перешли со страниц настроек на Настройщик тем? Если нет, я хотел бы услышать, почему, и если да, что вы думаете об этом на данный момент?

Источник записи: https://www.wpexplorer.com

Похожие сообщения
Учебники

Как отображать похожие сообщения по категориям в WordPress

Учебники

Как получить отличный поиск для вашего блога WordPress

Учебники

Как начать успешный блог о еде с WordPress

Учебники

Как вручную загрузить шрифты Google в WordPress