Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. Theme Development

Руководство по WordPress Theme Customizer (настройщик тем): что это и что это нам дает

by
Difficulty:BeginnerLength:ShortLanguages:
This post is part of a series called A Guide to the WordPress Theme Customizer.
A Guide to the WordPress Theme Customizer: Getting Started

Russian (Pусский) translation by blacktreelab (you can also view the original English article)

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

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

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


Что представляет собой настройщик тем?

Прямо из статьи в кодексе WordPress:

API-интерфейс настройки темы, добавленный в WordPress 3.4, позволяет разработчикам настраивать панель администрирования настройки тем в WordPress. Окно настройки тем (или «настройщик тем») позволяет администраторам сайта настраивать параметры тем и просматривать эти изменения в режиме реального времени.

Выглядит достаточно просто, не так ли?

The WordPress Theme Customizer
Настройщик тем WordPress в теме Twenty Thirteen

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

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


Что же делает настройщик тем?

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

Для конечных пользователей

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

До настройщика темы, пользователям приходилось делать примерно следующее:

  • Войти в панель управления
  • Щелкнуть на "Внешний вид"
  • Щелкнуть на "Заголовок"
  • Выбрать изображение заголовка
  • Сохранить изменения
  • Просмотреть блог
  • Вернуться в панель управления и повторять все действия до полного завершения

Ничего себе - не очень простой способ для изменения блога?

Теперь, с помощью настройщика тем, пользователи могут:

  • Войти в панель управления
  • Щелкнуть на "Внешний вид"
  • Щелкнуть на "Настроить"
  • Видеть и настройщик тем, и блог
  • Загрузить изображение заголовка и увидеть его в режиме реального времени во время работы с блогом
  • Щелкнуть "Сохранить" при завершении работы

Намного проще, не так ли?

Естественно, это сильно улучшает опыт пользователей, но не только пользователи получают пользу.

Для разработчиков

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

Используя настройщик тем, мы можем добиться этого главным образом потому, что пользователи имеют возможность видеть - в реальном времени - как изменяется внешний вид блога при изменении настроек.

Таким образом, с учетом сказанного, настройщик тем прекрасно интегрируется с Settings API, с ним также легко работать, как только исходный код включен в тему. Это означает, что мы можем реализовать настройщик тем в существующей теме, при условии, что он использует Settings API.

Кроме того, очень легко добавлять новые опции в уже существующие разделы, предоставляемые, скажем, другой темой (если вы работаете с child-theme), а также добавлять новые разделы, если вы собираетесь предоставить пользователям возможность изменять блог через настройщик тем.

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


Какая нам от этого польза?

Так как данный сайт (и, соответственно, данная серия) направлены на тех, кто желает улучшить свои навыки разработки WordPress, нам нужно понять преимущества настройщика тем, прежде чем мы перейдем к работе.

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

Мы выигрываем, когда наши пользователи выигрывают.

И более того, у нас есть возможность улучшить разработку тем, следующим образом:

  • Улучшить то, как пользователи работают с темой
  • Улучшить способы модификации и изменения темы в пределах WordPress
  • В конечном счете, продвигая вперед новые способы изменения темы, которые не требуют от нас изменения взаимодействия c Settings API

При этом облегчая другим работу с нашим продуктом.


Далее...

Со всем сказанным, мы готовы теперь к написанию кода. Так, начиная со следующей статьи, мы рассмотрим работу с темой, в которую уже включен настройщик тем, и добавим новые опции.

Позже, мы рассмотрим, как добавить настройщик тем с самого начала, и как связать его с Settings API так, чтобы пользователям не пришлось переключаться с панели управления на блог, а видеть изменения в режиме реального времени.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.