В течение многих лет WordPress Настройщик был довольно тусклым с точки зрения функциональности. Однако обновление WordPress 4.5 превратило эту функцию в мощный редактор внешнего интерфейса, который можно использовать для быстрого запуска проектов WordPress с нуля.
С помощью Customizer WordPress вы можете радикально изменить внешний вид и функциональность своего веб-сайта WordPress из одного управляемого интерфейса. Это включает внесение изменений в элементы страницы, включая заголовок вашего сайта, фоновое изображение и меню.
В этом посте я познакомлю вас с основами использования Customizer WordPress, используя его самые мощные функции.
Как получить доступ к Customizer WordPress
Чтобы перейти к настройщику WordPress, перейдите к «Внешний вид» > «Настроить» на панели инструментов WordPress. Вы попадете прямо в интерфейс Настройщика, с предварительным просмотром темы справа и меню настроек слева:
Как использовать Customizer WordPress
Теперь, когда вы открыли страницу настройщика WordPress, давайте рассмотрим, как использовать настройщик WordPress для быстрого запуска или изменения веб-сайта.
Еще одна вещь, прежде чем мы приступим к изменению — обратите внимание, что функциональность настройщика во многом зависит от того, сколько усилий разработчики активной темы приложили для его использования. Я буду использовать свою тему, которая отлично использует настройщик WordPress.
Настройка названия и дизайна сайта
Во-первых, у нас есть свойства сайта, которые дают контроль над изменением названия и слогана сайта WordPress. Вы можете заполнить два поля «название сайта» и «краткое описание» и сразу же увидеть результаты в окне предварительного просмотра справа. Кроме того, вы можете загрузить иконку сайта из этого интерфейса. Когда вы закончите изменения, просто нажмите «Опубликовать»:
Настройка меню
Customizer WordPress также позволяет настроить меню для вашего сайта. Чтобы изменить, нажмите «Меню» в левой части визуального настройщика WordPress.
Чтобы создать первое меню вашего веб-сайта, нажмите «Создать новое меню», введите имя своего меню, выберите область отображения и нажмите «Далее». Когда вы создали меню, вы можете нажать на его название, чтобы настроить его параметры.
WordPress Customizer позволит вам сделать несколько вещей с вашим новым меню. Вы можете изменить имя, настроить порядок пунктов меню, добавить новые опции, настроить его местоположение и указать, хотите ли вы, чтобы WordPress автоматически обновлял его при создании будущих страниц верхнего уровня.
Это чрезвычайно полный набор конфигураций, достаточно удобно втиснутый в небольшой и управляемый интерфейс — прекрасный пример полезности для WordPress настройщика.
Чтобы узнать, как заполнить ваше меню страницами и публикациями, я рекомендую это руководство как создать меню в WordPress.
Изменить цветовую схему сайта WordPress
Цвета, используемые вашей темой WordPress, также могут быть изменены, что значительно повлияет на дизайн вашего сайта без особых усилий. Для этого перейдите в раздел «Цвета и фон» в меню «Настройщика».
В зависимости от того, сколько цветов использует ваша тема, вы можете свободно изменить их все, прежде чем просматривать результаты в окне справа. Практически все темы позволяют менять цвета для ссылок, используемых на сайте.
Установить настройки для записей
Следующий интерфейс позволяет вам внести небольшие, но важные изменения в способ отображения ваших сообщений в блоге на вашем веб-сайте. Вы можете настроить свои параметры, чтобы скрыть описание автора, скрыть связанные посты или скрыть миниатюры постов на самой странице.
Изменить фоновое изображение WordPress
Если ваша тема использует фоновое изображение, WordPress Customizer также позволяет вносить изменения. Опять же, WordPress Customizer демонстрирует свою мощь, позволяя вам менять фоновое изображение и настраивать диапазон параметров отображения в одном и том же небольшом интерфейсе.
Вы также можете настроить фоновое изображение для прокрутки. По сути, это дает вашему фоновому изображению эффект параллакса, которая придает вашему веб-сайту некоторое улучшение.
Мобильный и планшетный просмотр
И последнее, но не менее важная настройка: параметры предварительного просмотра Customizer WordPress для мобильных устройств и планшетов.
По умолчанию настройщик будет отображать предварительный просмотр вашего сайта в режиме рабочего стола. Однако, если вы используете значки в нижней части WordPress Customizer, вы можете переключаться между рабочим столом, планшетом и мобильным представлением:
Например, нажав на значок планшета, окно предварительного просмотра справа быстро преобразуется, показывая вам, как ваш сайт будет выглядеть для посетителей на планшетных устройств.
Заключение
WordPress известен тем, что является относительно простой в использовании CMS, и теперь настройщик, возможно, является его наиболее доступной функцией.
Как вы можете понять из приведенного выше руководства, оно дает вам возможность выполнять различные задачи по преобразованию веб-сайтов в очень простом интерфейсе. Так что, если вы не используете Customizer WordPress, вы можете потратить довольно много времени на выполнение тех же настроек в другом месте на WordPress.
В следующий раз, когда вы запустите проект WordPress, имейте в виду, что вы можете использовать настройщик (Customizer WordPress) для :
- изменить название и внешний вид вашего сайта,
- управлять меню сайта,
- поменять цветовую схему сайта,
- указать параметры для одной записи,
- изменить фоновое изображение,
- предварительный просмотр вашего сайта в настольном, мобильном и планшетном режиме.
Будете ли вы использовать Customizer для быстрого запуска будущих проектов WordPress? Жду ваши ответы в разделе комментариев ниже!