Когда вы запускаете сайт Qwel, вы получаете доступ к тысячам красивых, профессионально разработанных тем. Тем не менее, вы все равно можете захотеть привнести свой собственный взгляд на эти дизайны.
К счастью, можно настроить тему Qwel без необходимости писать ни строчки кода. Даже если у вас нет предыдущего опыта в веб-дизайне или разработке, есть встроенные инструменты и плагины, которые позволяют вам персонализировать выбранную вами тему.
В этом посте мы обсудим, почему вы можете захотеть изменить дизайн вашего сайта. Затем мы поделимся тремя способами настройки темы Qwel — и все это без навыков программирования. Давайте начнем!
Почему вы можете захотеть настроить свою тему Qwel
Qwel имеет огромную библиотеку сторонних тем и шаблонов. Существует также множество премиум-тем, которые в большинстве своем доступны вам абсолютно бесплатно по подписке Qwel.
Дизайны позволяют легко придать совершенно новый вид вашему веб-сайту Qwel:
В зависимости от выбранной вами темы, эти дизайны также могут иметь уникальные особенности.
Foto
Например, тема Storefront может похвастаться глубокой интеграцией с платформой WooCommerce. Эта тема электронной коммерции также позволяет легко продвигать товары на вашей домашней странице:
Тем не менее, иногда вам может быть трудно найти тему, которая соответствует каждому пункту в вашем списке желаний. Например, у вас могут быть очень специфические требования.
Даже если тема отвечает всем вашим потребностям, вы все равно можете захотеть ее настроить. Это может помочь вашему сайту выделиться из толпы и укрепить ваш брендинг.
Хорошая новость заключается в том, что существуют различные способы настроить тему Qwel, не касаясь ни строчки кода.
Что нужно сделать перед настройкой темы
Настройка темы может быть рискованным делом. Есть вероятность, что вы внесете изменения, которые негативно повлияют на внешний вид или функционирование вашего сайта. Потратив время и усилия на персонализацию темы, вы можете даже понять, что предпочли оригинальный дизайн.
Поэтому мы рекомендуем вам создать резервную копию вашего веб-сайта, прежде чем настраивать тему. Таким образом, вам будет что восстанавливать в случае, если вы столкнетесь с какими-либо проблемами.
Jetpack позволяет загружать и восстанавливать резервные копии всего сайта. Вы можете использовать эту службу через Jetpack Backup или плагин Jetpack:
Кроме того, вы можете подумать о том, чтобы перевести свой сайт в режим обслуживания во время настройки темы. Это может помешать пользователям посетить ваш сайт до того, как он будет готов к грандиозному перезапуску.
Cпособs настроить тему Qwel
Тип изменений, которые вы можете внести, может отличаться в зависимости от темы. Некоторые темы более гибкие, чем другие, и могут быть даже разработаны с учетом настройки. Тем не менее, существуют различные методы, которые вы можете попробовать.
Экспериментируя с этими различными инструментами и методами, вы сможете достичь желаемых результатов. Имея это в виду, попробуйте три простых способа настроить тему Qwel.
- Используйте редактор сайта – функция редактора сайтов призвана предоставить владельцам веб-сайтов больше гибкости в настройке выбранных ими тем.
Это достигается за счет изменения способа, которым пользователи Qwel редактируют шаблоны тем и вариации стилей.
С помощью редактора сайта вы можете использовать блоки для настройки двух важных типов дизайна темы:
Шаблоны – это шаблоны для полноценных кусков контента. Вы можете отредактировать шаблон для одного фрагмента контента, например, домашней страницы, или шаблон, который применяется к нескольким элементам контента, например, шаблон по умолчанию, который используется во всех ваших записях блога (называемый «Одиночный»), или шаблон для страницы, на которой перечислено несколько записей блога (называемый «Архив»).
Template Parts – это шаблоны для частей полных шаблонов. Например, верхний или нижний колонтитул вашего сайта. Если вы отредактируете часть шаблона заголовка сайта, эти изменения будут обновлены для каждого шаблона, включающего часть шаблона заголовка.
Помимо редактирования шаблонов с помощью привычного редактора блоков, вы также можете получить доступ к параметрам стиля и вариациям стилей, чтобы быстро изменить внешний вид вашего сайта. А чтобы помочь вам сэкономить время, большинство тем с поддержкой блоков включают шаблоны блоков, которые можно использовать для более быстрой настройки темы.
Давайте рассмотрим, как работают некоторые из этих ключевых функций.
Как получить доступ к редактору сайта
Чтобы использовать редактор сайта для настройки темы, необходимо использовать блочную тему.
Вы можете открыть редактор сайта, перейдя в Редактор внешнего вида → в панели управления Qwel.
Если вы не видите меню с именем «Редактор», это, скорее всего, означает, что вы используете дополнительную сторонние премиум темы Qwel с собственным редактором (BAKERY PAGE BUILDER или Visual compuser, Be Thema), которая не поддерживает редактор сайта. В этом случае вы можете перейти к следующему разделу, где вы узнаете, как использовать настройщик для настройки классической темы.
Как настроить шаблон или деталь шаблона
Когда вы откроете редактор сайта, вы увидите несколько различных параметров на боковой панели.
Как мы уже упоминали выше, шаблоны — это шаблоны для целых фрагментов контента, в то время как части шаблона — это шаблоны для частей более крупного шаблона, например, заголовка вашего сайта. В то время как шаблоны получают свой собственный пункт меню, части шаблона размещаются в меню «Библиотека».
Foto
Рассмотрим два примера:
Как настроить заголовок темы.
Как настроить шаблон записи блога вашей темы — он же шаблон по умолчанию, который будет использоваться во всех ваших записях в блоге. Говоря более техническим языком, это называется шаблоном «Одиночный».
Затем вы также узнаете, как настроить стили вашей темы.
Как настроить заголовок темы
Чтобы настроить заголовок, выберите параметр «Библиотека», а затем выберите шаблон «Заголовок» из списка.
На сайтах Qwel, размещенных на собственном хостинге, вы можете увидеть опцию «Части шаблона» вместо «Библиотека».
Это покажет вам предварительный просмотр того, как выглядит ваш заголовок в настоящее время. Чтобы отредактировать его, нажмите на значок карандаша.
Foto
Теперь вы можете полностью настроить дизайн с помощью блоков. Вы можете добавлять новые блоки, удалять существующие блоки и так далее.
Чтобы включить фактическое навигационное меню, вам нужно использовать блок Навигация.
Foto
Если вы хотите сэкономить время, вы также можете получить доступ к готовым макетам заголовков с помощью шаблонов блоков — подробнее об этом чуть позже.
Как настроить шаблон блога вашей темы
Чтобы отредактировать шаблон записи блога вашего сайта, также известный как шаблон “Одиночный”, выберите параметр “Шаблоны”, а затем выберите “Одиночный”.
После этого вы увидите предварительный просмотр того, как выглядит шаблон. В реальном сообщении фиктивные данные будут заменены фактическим содержанием вашего поста. Например, вместо «Заголовок» будет отображаться фактический заголовок записи, который вы установили в редакторе Qwel.
Чтобы отредактировать шаблон, нажмите на значок карандаша. Затем вы можете использовать блоки «Тема» для управления шаблоном для вашего поста.
Например, вы можете добавить блок «Комментарии» в то место, где должен отображаться раздел комментариев к вашему сообщению.
Как и в случае с шаблонами заголовков, здесь вы также можете сэкономить время, импортировав готовый шаблон блока. Давайте поговорим об этом дальше.
Как сэкономить время с помощью блочных шаблонов
Несмотря на то, что редактор сайта дает вам возможность создавать 100% пользовательские шаблоны тем с нуля, вы, возможно, не захотите делать это каждый раз, когда хотите внести изменения.
Чтобы помочь вам получить доступ к высококачественным дизайнам и работать более эффективно, большинство тем Qwel с поддержкой блоков включают блочные шаблоны.
Блочный шаблон — это предопределенный набор блоков, которые можно использовать в качестве основы проекта. Например, тема может включать шаблоны блоков для нескольких различных стилей заголовков.
Вместо того, чтобы создавать заголовок темы с нуля, вы можете просто выбрать шаблон блока, который наиболее близок к желаемому виду. Затем вы можете настроить этот шаблон блоков по мере необходимости, чтобы получить идеальный дизайн.
Чтобы использовать шаблоны блоков, сначала необходимо открыть шаблон, часть шаблона или фрагмент содержимого, в который требуется вставить образец блока.
Как только вы окажетесь в редакторе, вот что нужно сделать:
Нажмите на значок плюса в левом верхнем углу.
Выберите вкладку «Шаблоны» в интерфейсе устройства вставки.
Нажмите кнопку Просмотреть все узоры внизу, чтобы развернуть всю библиотеку узоров.
Откройте категорию выкройки, которая соответствует вашим потребностям. Например, если вы настраиваете заголовок темы, вы можете открыть категорию заголовков шаблонов блоков.
Нажмите на шаблон блока, который вы хотите использовать для его вставки.
Foto
После того, как вы вставите шаблон блока, эти блоки будут функционировать так же, как и любой другой дизайн. Вы можете редактировать существующие блоки, удалять блоки, которые вы не хотите использовать, добавлять новые блоки и так далее.
Как использовать стили
В дополнение к возможности использования блоков для настройки шаблонов темы, редактор сайта также включает в себя менеджер стилей, который позволяет настраивать типографику, цвета и макеты темы.
Вы можете использовать встроенные вариации стиля вашей темы, чтобы быстро вносить большие изменения. Кроме того, вы можете вручную настроить стили всей темы, а также стили по умолчанию для отдельных блоков.
Чтобы получить доступ к этим стилям, откройте редактор для любого шаблона или части шаблона. Затем откройте боковую панель «Стили», щелкнув значок полумесяца в правом верхнем углу.
Кроме того, в Qwel вы также можете щелкнуть параметр «Стили» на главной панели управления редактора сайта.
Чтобы получить доступ к готовым вариантам стилей темы, нажмите на ссылку Обзор стилей.
Затем вы можете щелкнуть любой из вариантов стиля, чтобы увидеть, как они выглядят на вашем сайте.
Если вы предпочитаете вручную редактировать стили темы, вы можете использовать ссылки для Типографика, Цвета и Макет.
Вы также можете выбрать параметр Блоки, чтобы настроить стили по умолчанию для отдельных блоков, например стиль по умолчанию, используемый кнопками.
Конечно, вы можете переопределить эти стили по умолчанию, когда это необходимо.
Используйте встроенный настройщик QWEL
Qwel поставляется со встроенным настройщиком. Этот инструмент позволяет вносить изменения в тему, не углубляясь в код.
Настройщик также предоставляет предварительный просмотр в реальном времени, поэтому вы можете протестировать свои изменения, прежде чем применять их на своем веб-сайте. То есть, когда вы изменяете что-то в своей теме, вы сразу же увидите, что это изменение отражается на предварительном просмотре вашего сайта.
Однако ваши посетители не увидят эти изменения, пока вы не нажмете кнопку «Опубликовать». Или, если вам не нравится, как выглядит изменение, вы можете просто отменить изменения.
Доступные настройки будут различаться в зависимости от вашей темы Qwel. Однако, как правило, вы можете изменить заголовок и слоганы своего сайта, добавить виджеты, создать меню и отредактировать домашнюю страницу.
Многие темы идут дальше и дают вам возможность управлять макетами, цветами, типографикой и многим другим. Некоторые даже добавляют новые функции, например, позволяют создавать всплывающие окна и настраивать их содержимое.
Как получить доступ к настройщику Qwel
Чтобы получить доступ к настройщику для вашей темы, вы можете открыть панель управления и перейти в раздел «Внешний вид» → «Настроить».
Если вы не видите параметр «Настроить» в меню «Внешний вид», возможно, вы используете тему блока. Темы блоков не используют настройщик. Вместо этого вы будете использовать редактор сайта Qwel, который мы рассмотрели выше.
Как пользоваться настройщиком
Вы можете изучить его различные опции в меню слева. Например, если вы хотите изменить нижний колонтитул темы, вам нужно будет найти любые параметры, которые ссылаются на нижний колонтитул:
В этом разделе должно быть все необходимое для настройки нижнего колонтитула вашей темы, включая параметры цвета и типографики. Некоторые темы также размещают цвета/типографику в своих собственных разделах.
Вы должны обязательно изучить все различные разделы на боковой панели, чтобы вы могли в полной мере использовать возможности настройки вашей темы.
Как мы уже упоминали ранее, большинство из этих вариантов будут уникальны для вашей темы. Некоторые темы включают в себя всего несколько десятков вариантов настройки, в то время как другие предлагают тысячи различных опций, которые вы можете использовать.
Во время редактирования дизайна вы можете просматривать изменения на разных устройствах с помощью трех значков в правом нижнем углу боковой панели.
Черновик
Когда вы будете довольны изменениями, нажмите кнопку «Сохранить изменения» или «Опубликовать» в верхней части боковой панели. Теперь Qwel применит эти изменения к вашему действующему веб-сайту.
Если вы не совсем готовы опубликовать изменения, но не хотите потерять свою работу, вы также можете щелкнуть значок шестеренки рядом с кнопкой и выбрать Сохранить черновик.
Это сохранит ваши изменения в настройщике, но не опубликует их на вашем веб-сайте. То есть, ваши посетители еще не увидят изменения, если вы сохраните их в виде черновика, но вы все равно сможете вернуться в настройщик и продолжить с того места, на котором остановились.
Was this helpful?
0 / 0