6.2 Основные настройки
- Хедер (шапка сайта)
- Страница
- Блог
- Футер (подвал сайта)
6.2.1 Хедер (шапка сайта)
Логика конструктора
- Выбираете ширину хедера:
- Стандартный размер
- Широкий
- На полную ширину экрана
- Выбираете из каких частей будет состоять хедер:
- Верхняя панель
- Основная часть
- Нижняя часть
- Промо панель
- Для каждой из выбранных частей:
- Решите сколько секций Вам нужно
- Вставляйте нужные вам блоки
- Настраиваете свой стиль:
- Типографика
- Цветовая схема
Доступные блоки
- Логотип (изображение, SVG или текст)
- Для светлого фона
- Для темного фона
- Несколько различных по типу и стилю меню
- Обычные меню
- Гамбургеры
- Мега меню
- Иконки социальных сетей со ссылками на профили
- Все популярные соц. сети и мессенджеры
- Навигационные иконки (на выбор)
- Аккаунт
- Корзина
- Избранное
- Живой поиск
- Текстовые блоки (поддержка HTML и шорткодов)
- Специальные блоки (поддержка HTML и шорткодов)
- Поля поиска
- Простой стиль
- С фильтром по категориям
- С быстрыми ссылками
6.2.1.1 Верхняя панель
3 независимые секции, в каждую из которых можно добавить:
- Несколько видов меню
- Основное меню
Область отображения “Основное меню” во вкладе Внешний вид → Меню - Меню социальных сетей
Область отображения “Социальные сети” во вкладе Внешний вид → Меню - Меню верхней панели (динамическое)
- Основное меню
- Специальны блоки (содержимое #1 или #2)
- Кнопку “Закрыть”
Динамическое меню верхней панели
Во вкладе Панель управления → Внешний вид → Меню создаём любое меню, а область отображения не выбираем
6.2.1.2 Основная и нижняя части хедера
Две независимые области, каждая из которых состоит из трёх независимых секций. В каждую секцию можно добавить:
- Несколько видов меню
- Основное меню
Область отображения “Основное меню” во вкладе Внешний вид → Меню - Меню социальных сетей
Область отображения “Социальные сети” во вкладе Внешний вид → Меню - Вторичное меню
Область отображения “Вторичное меню” во вкладе Внешний вид → Меню - Гамбургер меню (сбоку)
Область отображения “Гамбургер меню (сбоку)” во вкладе Внешний вид → Меню - Мини гамбургер (списком)
Область отображения “Мини гамбургер (списком)” во вкладе Внешний вид → Меню
- Основное меню
- Поле поиска
- Иконка поиска
- Иконка корзины
- Иконка списка желаний
- Иконка учётной записи (мой аккаунт)
- Специальный блок
- Логотип
6.2.1.3 Промо-панель
Дополнительная область в шапке, может состоять из 5 частей (компаний).
- Выбор позиции расположения
До или после хедера(основной и нижней части) - Для каждой из компаний можно:
- Выбрать цвета
- Задать содержимое (текст, HTML, шорткоды)
- Промо-панель можно скрыть на отдельных страницах
6.2.1.4 Стиль хедера
В шаблоне предусмотренны 10+ предопределенных стилей хедера, а так же есть возможность самостоятельно собрать хедер из элементов
- Липки хедер
Всегда видно при прокрутке страницы - Ширина
- По умолчания
Стандартная ширина в 1170px - Ограниченная
На всю ширину монитора - Широкий
Увеличенный размер, но не на всю ширину монитора
- По умолчания
6.2.1.5 Цвета в хедере
Основную и нижнюю части хедера(так же, как и верхнюю панель и промо-панель) можно стилизовать по своему усмотрению
6.2.1.6 Логотип (элемент)
В качестве основного логотипа сайта можно использовать:
- Изображение
- SVG
- Текст
Для светлого и темного фона можно установить разные логотипы, а в настройках отдельных страниц выбрать какой логотип использовать
6.2.1.7 Поиск / элемент
Поле поиска имеет следующие настройки:
- Макет поиска
- Иконка и категории
Поле ввода | Категории | Иконка - Иконка и поле поиска
Поле ввода | иконка - Только иконка
- Иконка и категории
- Тип формы поиска
- Встроенный цикл поиска
- Использовать шорткод
Если для поиска вы используете отдельные плагин
- Подсказка (Placeholder)
- Живой поиск (Ajax)
Когда пользователь ввёл какое-то слово ему автоматически будут предложены товары
– Быстрые ссылки в поиске
Быстрые ссылки появляются сразу, как пользователь поставил курсор в поле поиска.
6.2.1.8 Аккаунт / элемент
Можно выбрать действие при клике на иконку аккаунта
6.2.1.9 Избранное / элемент
Можно дополнительно стилизовать счетчик избранных товаров (список желаний)
По умолчанию, плагином “WPLB – список желаний” создаётся страница, на которой пользователь видит все “избранные” товары.
Ссылку на эту страницу можно изменить в этом разделе.
6.2.1.10 Корзина / элемент
Можно дополнительно стилизовать саму иконку корзины, а так же задать действие при клике
6.2.1.11 Гамбургер меню (сбоку) / элемент
Отображается как простой бар (три полоски), а при клике открывается боковая панель
Область отображения “Гамбургер меню (сбоку)” во вкладе Внешний вид → Меню
6.2.1.12 Мини гамбургер (списком) / элемент
Отображается как бар (три полоски) + текст, а при клике открывается мега меню. Удобно для навигации по каталогу
Область отображения “Мини гамбургер (списком)” во вкладе Внешний вид → Меню
6.2.1.13 Специальный блок / элемент
Дополнительный блок с нужным содержимым
- SVG иконка
Отображается до содержимого - Содержимое специального блока
Можно использовать текст, HTML и шорткоды
Удобно для создания отдельной кнопки в шапке сайта.
6.2.2 Страница
Можно изменить стиль отображения заголовка страницы
- Макет страницы
Стиль отображения- Макет 1 – Простой стиль
- Макет 2 – С доп. изображением
- Отображаемые элементы
- Навигационные цепочки
- Заголовок страницы (название)
Это глобальная настройка, но эти параметры можно заменить, при редактировании самой страницы.
6.2.3 Блог
Для новостей, пресс-релизов, акций и SEO
6.2.3.1 Заголовок страницы блога
Можно изменить стиль отображения заголовка страницы архива с записями
6.2.3.2 Страница записи
Настройка отдельной записи (поста в блоге)
- Макет отображения
- Правая боковая панель (сйадбар)
- Левая боковая панель (сйадбар)
- Без боковых панелей
- Похожие записи
Отображаются после тела записи.
6.2.3.3 Страница блога
Настройка архива записей (постов в блоге)
- Стиль отображения
- Список
- Сетка
- Макет отображения
- Правая боковая панель (сйадбар)
- Левая боковая панель (сйадбар)
- Без боковых панелей
- Фильтр по категориям
6.2.4 Футер (подвал сайта)
4 отдельные области для настройки футера (подвала сайта)
- Стиль отображения
Собирайте футер как конструктор из секций - Настройка цветов
Стилизуйте футер - 1-ый доп. контент | секция
Два макета на выбор для отображения и самое поле с содержимым (текст, HTML, шорткоды) - Панель с виджетами | секция
Перейдите во вкладку Внешний вид → Виджеты и добавьте виджеты в “Футер 1-5”- До 5 вертикальных областей с виджетами в строке
- 2-ой доп. контент | секция
Секция с элементами на выбор (отображаются вертикально, друг за другом) - 3-и горизонтальные секции | секция
Секция с элементами на выбор. Разбита на 3-и области, в каждую из которых можно добавить элементы - Элементы для футера (для некоторых секций)
- Авторское право
- Меню
- Специальный блок
- Платежи
- Логотип
Принцип работы с футером (быстрый старт)
- Начните с вкладки “Стиль отображения” и выберите какие секции и в каком порядке отображать. Для начала включите только “Виджеты футера“
- Добавьте несколько виджетов в панели Футер с первого по пятый, перейдя во вкладку Внешний вид → Виджеты
- Базовый футер готов. Теперь можно добавить дополнительные секции и наполнить их содержимым. Не бойтесь экспериментировать!
