Как использовать настройщик тем WordPress

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

Подпишитесь на наш канал Youtube

Где находится настройщик тем WordPress?

Каждый веб-сайт WordPress стандартно поставляется с настройщиком тем. Чтобы получить к нему доступ, войдите в свою административную панель WordPress, затем перейдите в Внешний вид> Настроить, который вы можете найти на левой боковой панели. Откроется настройщик текущей темы. (Если вы хотите выйти из настройщика, щелкните X в верхнем левом углу.)

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

Каковы особенности и функции настройщика?

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

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

Теперь мы рассмотрим различные функции и настройки настройщика тем WordPress, которые вы можете выбрать.

Настройка заголовка, логотипа и значка

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

Вот несколько вещей, которые следует знать:

• Название сайта будет отображаться вверху вашего сайта в разделе основного заголовка.
• Если вы не обновите или не удалите слоган, ваш веб-сайт будет использовать значение WordPress по умолчанию: «Просто еще один сайт WordPress».
• Только некоторые темы поддерживают логотипы. Вы можете добавить свой логотип на эту панель, но не увидите его на своем веб-сайте, что, вероятно, означает, что ваша тема их не поддерживает.
• Значок, который в WordPress называется «значок сайта», отображается на панели закладок, вкладках браузера и в мобильных приложениях.

Добавление (или скрытие) изображения заголовка

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

Изменение цветовой схемы веб-сайта

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

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

Изменение шрифтов веб-сайта по умолчанию

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

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

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

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

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

Настройка параметров содержимого

Если в вашей теме есть панель параметров содержимого, у вас будет дополнительный контроль над тем, как ваш контент будет отображаться на разных страницах веб-сайта. Хотя каждая тема будет иметь свои собственные параметры содержимого (если они вообще есть), вот некоторые общие параметры, которые вы можете увидеть:

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

Источник: WordPress.com

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

Создание меню навигации

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

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

Чтобы создать новое меню навигации, выберите «Создать новое меню». Затем назовите меню. Имя фактически не будет отображаться на вашем веб-сайте; это просто так, чтобы вы могли лучше управлять своими навигационными меню при настройке своего сайта. Затем вы выберете меню местоположения. Когда вы закончите, нажмите Далее.

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

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

Настройка виджетов веб-сайта

На панели «Виджеты» вы можете добавлять виджеты вашего сайта, управлять ими и удалять их. Есть всевозможные виджеты, которые вы можете использовать на своем сайте, такие как Календарь, Галерея и Поиск.

Сначала вы увидите доступные местоположения виджетов. Разные темы будут иметь разное расположение и варианты виджетов. Некоторые темы имеют только основы, например области виджетов нижнего колонтитула и боковой панели, в то время как другие темы имеют больше вариантов размещения виджетов. Щелкнув по местоположению, вы увидите имеющиеся там виджеты (если они есть) и сможете внести нужные изменения.

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

Добавление собственного CSS

Если вы хотите добавить собственный CSS на свой сайт, чтобы внести в него дальнейшие настройки, вы можете использовать панель «Дополнительные CSS». Это позволяет вам вносить индивидуальные изменения в свой сайт без непосредственного редактирования файла style.css - что означает, что это более безопасный способ опробовать и завершить изменения, что делает его идеальным вариантом для пользователей с умеренным техническим знанием дела. Кроме того, используя панель Custom CSS, вы сможете видеть изменения в реальном времени перед публикацией (как и в случае с остальной частью настройщика).

Еще больше возможностей настройки

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

Предварительный просмотр ваших изменений на разных разрешениях экрана

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

Публикация обновлений вашего веб-сайта

Любите то, что вы видите? Когда вы закончите вносить изменения в свой веб-сайт, самое время опубликовать их - или запланировать их публикацию. Чтобы сразу применить изменения, нажмите кнопку «Опубликовать». Помните, что это фактически опубликует ваши изменения в реальном времени, а не просто сохранит их как черновик.

Если вы еще не готовы опубликовать свои изменения, вы можете сохранить их как черновик для публикации позже. (Но обязательно сделайте хотя бы это. В противном случае вы можете потерять все те изменения, над которыми так усердно работали.) Чтобы сохранить изменения без публикации, щелкните значок шестеренки справа от кнопки «Опубликовать». На открывшейся панели действий вы можете выбрать «Опубликовать», «Сохранить черновик» или «Расписание». Если вы не знаете, когда будете готовы опубликовать изменения, нажмите «Сохранить черновик».

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

Если вы знаете, что хотите, чтобы изменения вступили в силу в определенную дату (и время), нажмите «Расписание». Вы также можете поделиться ссылкой на предварительный просмотр на панели «Расписание».

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

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

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

Перейдите в настройщик и найдите Активную тему. Нажмите кнопку "Изменить". Вы увидите все установленные вами темы справа. Чтобы увидеть, как будет выглядеть тема, если она активирована для вашего сайта, нажмите «Предварительный просмотр». Это откроет настройщик, и вы сможете вносить изменения так же, как и в активированной теме.

Хотите увидеть другие темы, которые вы не установили, но которые доступны в WordPress? Установите флажок справа от тем WordPress.org. Чтобы отфильтровать по конкретным параметрам, выберите «Фильтровать темы» в правом верхнем углу. Когда вы найдете тему, которую хотите опробовать, выберите «Установить и просмотреть».

Заключение

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

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

Лучшее изображение через Creative Shell / shutterstock.com