Как настроить тему WordPress с помощью Customizer

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

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

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

Откройте инструмент настройки

Сначала перейдите в Customizer на панели администратора вверху страницы или в Dashboard > Appearance > Customize, чтобы открыть этот инструмент.

Интерфейс настройщика состоит из двух основных частей: левый столбец содержит параметры настройки, а правый экран отображает предварительный просмотр в реальном времени. Вот наиболее распространенный интерфейс Customizer.

Левый столбец включает:

1: кнопка « Опубликовать» для сохранения результатов после настройки. Если вы закроете сайт, не щелкнув по нему, ваши настройки не будут сохранены. Поэтому после каждого изменения не забывайте нажимать эту кнопку.
2: В этой области отображается используемая вами тема. Как вы можете видеть в моем примере, я использую тему памяти. (Вы можете скачать эту тему здесь).
3: параметры настройки темы. Обратите внимание, что параметры темы различаются в зависимости от разных тем.
4: Щелкните « Скрыть элементы управления», чтобы скрыть этот столбец. Кроме того, если вы хотите увидеть, как предварительный просмотр в реальном времени выглядит на других устройствах, просто щелкните здесь соответствующие значки устройств.

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

Настроить тему с помощью настройщика

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

Настройки домашней страницы

Это наиболее важный раздел для определения отображения вашей домашней страницы.

Главной Настройки, есть два варианта для показа Домашней страницы: последние сообщения и статические страницы. В зависимости от требований каждой темы вы можете выбрать подходящий вариант.

Для сайта чтения, такого как блоги, вы должны выбрать « Ваши последние сообщения» .

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

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

Идентичность сайта

Этот раздел помогает вам изменить информацию о веб-сайте, например изменить логотип, заголовок, слоган.

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

Цвет, фоновое изображение и шрифты

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

Цвет

Большинство тем поддерживают раздел «Цвет». Однако, в то время как некоторые темы позволяют изменять цвет многих элементов, некоторые темы ограничиваются несколькими.

Сначала щелкните элемент, который нужно перекрасить (1) (например, основной цвет, цвет заголовка или цвет текста). Вы можете выбрать цвет прямо на палитре (2) или ввести код цвета здесь (3).

Шрифт

Раздел «Шрифт» или « Типографика » позволяет изменять стили шрифтов, семейные шрифты, размер текста и т. Д. В зависимости от каждой темы.

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

Если ваши темы поддерживают шрифты Google Fonts, вам может потребоваться получить код, имя или ссылку шрифта с fonts.google.com, а затем вставить их в такие поля.

Преимущество второго способа в том, что у вас есть много вариантов шрифтов из Google Fonts.

Фоновая картинка

Большинство тем позволяют выбрать фотографию для установки фонового изображения . В разделе «Фоновое изображение» нажмите « Выбрать изображение» и выберите фотографию из своей библиотеки или загрузите ее.

Затем вы можете изменить стиль, расположение и размер изображения, чтобы оно идеально соответствовало вашему веб-сайту.

Чтобы изменить фоновое изображение, нажмите кнопку « Сменить изображение» . Если вы хотите удалить фоновую фотографию, нажмите кнопку « Удалить» .

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

Меню

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

Тема памяти, например, имеет только одно место для меню. Вы можете увидеть это, щелкнув вкладку View Location . Затем нажмите место в меню и выберите доступное меню, которое хотите отобразить там. Чтобы отредактировать меню, нажмите « Изменить меню» и нажмите « Создать новое меню», чтобы создать другое.

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

Виджет

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

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

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

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

Чтобы удалить виджет, перейдите к нужному и нажмите « Удалить» .

Кнопка « Изменить порядок» поможет вам переместить виджеты в другую область темы. В частности, нажмите (1), выберите новую область виджетов (2) и нажмите кнопку « Переместить» (3). Кроме того, кнопки со стрелками вверх и вниз (4) помогают перемещать виджеты в определенной области. По завершении нажмите Готово (5).

Вот и все, с виджетами мы закончили.

Последние слова

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

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