Главная Новости

Theme Customizer API в WordPress. Примеры.

Опубликовано: 13.12.2017

видео Theme Customizer API в WordPress. Примеры.

WordPress Customizer API. Делаем вкладку Реклама. Уроки по WordPress Codex #3

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



Если вы занимаетесь созданием качественных тем или же делаете превосходные сайты для клиентов, то предоставление возможности настройки темы через Theme Customizer, на мой взгляд, самый оптимальный и крутой вариант.

Чтобы показать вам на деле преимущество кастомайзера, давайте сравним процесс замены фонового изображения сайта на примере стандартной WP темы Twenty Thirteen.


Wordpress Theme Customization API Tutorial - Part 1

Обычный способ:

Заходим в админку. Переходим Внешний вид > Заголовок. Выбираем изображение. Жмём кнопку «Сохранить изменения». Переходим на сайт и смотрим, что получилось. Если не нравится результат, возвращаемся к первому шагу и повторяем всё снова.

Theme Customizer:


Wordpress Customizer Framework

Заходим в админку. Переходим Внешний вид > Настроить. В левой части мы видим настройки экрана, а в правой части сам сайт. Переходим в секцию «Изображение заголовка» и меняем его до тех пор, пока нас не устроит то, как оно отображается на сайте. Когда настройка завершена, сохраняемся.

Это конечно довольно примитивный пример, я просто хочу показать вам саму суть, как это работает.

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

Теперь давайте пошагово на примерах рассмотрим, как работать с Theme Customizer и как использовать его в своих проектах.

Шаг 1. Создаем чистую WP тему и используем Theme Customizer для того, чтобы поменять название и описание сайта

Наша тема первоначально будет состоять из четырёх файлов — обязательного style.css и обязательного index.php, а также шапки сайта header.php и подвала footer.php, которые мы расположим в директории wpcustomizerexample (можете назвать по-другому), которую в свою очередь нужно будет создать в wp-content/themes.

Новости

Карта
rss