Документация к шаблону Aquarelle Start
Александр Пикулев | Siteskill.ru
Версия 1.1
Оглавление и быстрый переход по клику
- Установка шаблона
- Обзор настроек шаблона
- Панель управления шаблоном
- Top Bar – полоса конверсий
- Настройки области с логотипом
- Основное меню
- Настройки основного меню
- Настройки мобильного меню
- Настройки хлебных крошек
- Настройки контента
- Настройки блога
- Настройки футера (подвала)
- Настройки интеграции
- Настройки CSS и Javascript
- Обновление Aquarelle
Установка темы Aquarelle
Перед тем, как устанавливать новый шаблон я настоятельно рекомендую задуматься о том, как это сделать лучше всего.
Вариант 1. Работа на основном домене
В этом случае мы устанавливаем шаблон сразу на основном домене и потом в ускоренном темпе его настраиваем, чтобы как можно меньше посетителей заметили наши телодвижения. Конечно, в таком случае вы сделаете всю работу быстрее, но нужно иметь уверенность в своих силах. Этот вариант подойдёт особенно тем, у кого есть домен, но сайта на нём либо нет, либо он устарел и не нужен. В этом случае работать рекомендую сразу на рабочем основном домене.
Если не хотите «светить» свои результаты всем или у вас неплохой сайт и вы хотите его использовать до последнего, то вам подойдет вариант 2.
Вариант 2. Делаем демо-сайт и работаем с ним
Мы с вами запускаем на «тестовом» домене ещё один новый сайт на WordPress, устанавливаем на него наш шаблон и далее работаем с ним. Очевидные плюсы – свобода в выборе новых инструментов, возможность протестировать новые маркетинговые гипотезы и самое главное, получение практического опыта работы с новым мощным инструментом работы – шаблоном WordPress.
«Тестовый» или технический домен выдаёт хостинг и служит как раз для целей разработки. Он бесплатный и его можно после окончания работы над первым сайтам использовать уже для другого. Таким образом, это многоразовая штуковина и это сильно поможет вам в будушем.
Создание нового сайта
Для этого используем рекомендуемый хостинг или выбранный вами вариант по аналогии. Создание сайта – это несколько этапов. Первые два можно выполнять в любом порядке, а вот установку CMS рекомендую проводить уже после привязки домена – технического или основного.
Этапы создания сайта:
- Добавление или регистрация домена
- Создание папки для сайта
- Привязка папки и домена
- Установка в папку CMS WordPress
Создаем новый сайт
Привязываем к нему технический домен
Сразу после установки при попытке зайти на этот сайт вы можете увидеть пустую страницу или вот такое предупреждение
Это нормально и обычно проходит через 2-3 минуты.
А пока что можно установить на наш сайт WordPress из раздела «CMS». Выбираем систему и появляется окно настроек:
Ваш сайт готов и вы можете зайти в панель управления, добавив /wp-admin/ после адреса домена. Также доступы можно всегда увидеть в разделе «CMS». После установки системы она появится в самом верху раздела и по значку «i» можно увидеть все данные.
Панель управления WordPress
Примерно через 5-10 секунд после установки CMS заходим внутрь в раздела «Темы» и готовимся преобразить свой сайт чуть более, чем полностью J
Нажимаем добавить новую
Далее заходим в панель управления WordPress и переходим в раздел «Шаблоны». Нажимем загрузить и выбираем архив с шаблоном, который уже должен быть куплен у на сайте и уже лежать на вашем компьютере.
После установки активируем шаблон, после чего можно переходить к ещё одной важной детали – настройки лицензии и получения обновлений.
Для этого перейдите в раздел «Настройки – Aquarelle Update»
Там введите данные своего ключа лицензии и емейла, к которому он привязан.
После этого нажимем «Установить» для всех рекомендуемых плагинов, идущих вместе с шаблоном. Это отобранные нами решения, которые идеально дополняют Aquarelle.
Готово! Шаблон готов к использованию и настройкам!
Прежде, чем начать! Важная настройка!
Переходим в раздел «Настройки» – «Чтение» в самом WordPress. Всё должно быть как на картинке. И «блог» и «главная страница» — это пустые страницы, которые вам нужно обязательно создать.
Их наполнением займется сам шаблон автоматически!
Обзор настроек шаблона (В начало документации)
Тема Aquarelle – это результат моей семилетней практической работы с WordPress. При разработке мы постарались учесть огромное количество маркетинговой информации, чтобы сайт не просто выглядел идеально, но и отлично продавал ваши услуги и товары.
Мы регулярно добавляем новые функции в шаблон и чтобы вы могли получать все эти изменения быстро мы встроили мощную систему обновлений, которые будут приходить вам прямо в панель управления сайта. Нужно будет только не забывать нажимать «Обновить» время от времени.
Главный пункт управления сайтом
Как и у любого другого шаблона, у нашего тоже есть так называмая «главная» страница настроек. Чтобы зайти в настройки нужно найти в самом низу списка пунктов новый – «Aquarelle Start»
Панель управления шаблоном (В начало документации)
Для вашего и своего удобства панель управления продумана логически. Это не просто набор настроек, это определенная логика и она достаточно простая.
Разделы настроек, расположенные слева, построены так как вы смотрите на свой сайт. С самого его верха (top bar) и до подвала (футер). В каждому элементу сайта мы добавили ВСЕ настройки, которые его касаются, включая настройки цвета и шрифтов (типографика).
Давайте разберём каждый раздел и действие всех настроек внутри.
Top Bar – полоса конверсий (В начало документации)
В этой области настраиваются ваши номера телефонов и ссылки на аккаунты в социальных сетях. Вы можете оставить только те элементы, которые вам нужны. Остальные можно отключить. Впрочем, сам Top Bar тоже можно отключить.
Настройки области с логотипом (В начало документации)
В этом разделе мы оставили управление логотипом и его расположением. Вы можете загрузить собственный логотип в формате PNG. Лучше по ширине не более 290px
Обязательно укажите своё название сайта и его описание. Эти настройки применяются ко всему сайту. Описание можно включить и оно будет показываться под логотипом.
Расположение логотипа может быть слева или по центру. Меню тоже переносится, чтобы сайт выглядел красиво.
Настройки основного меню (В начало документации)
В шаблоне Aquarelle используются несколько разных меню и для каждого вида есть свои настройки. Основное меню показывается под логотипом при открытии сайта.
- Regular – состояние ссылки при бездействии (по умолчанию)
- Hover – состояние ссылки при наведении на неё
Фон может быть любого цвета, но чаще всего прозрачный (галочка Transparent)
Настройки выпадающего меню
Если в вашем меню есть вложенность пунктов, то появится всплывающее меню, которое вы тоже можете настроить на свой вкус.
Настройки фиксированного меню
При прокрутке длинных страниц обычно меню уходит далеко вверх, тем самым усложняя навигацию по сайту. Поэтому мы придумали «прилипающее» меню, которое появляется только при прокрутке страниц сайта.
Настройки мобильного меню (В начало документации)
Отдельные настройки мы приготовили для меню, которое показывется только на мобильных устройствах. Оно особенное и предназначено для управления пальцем. Отдельные настройки цвета самого меню и его пунктов
И настройки иконки, которая показывается на мобильных устройствах в левом верхнем углу.
Настройки хлебных крошек (В начало документации)
Это дополнение шаблона служит простой цели – показать посетителю на какой странице сайта он находится. Это удобно людям, но особенно полезно поисковым системам. Так они лучше поймут структуру вашего сайта.
Настройки контента (В начало документации)
В этом разделе собраны настройки отображения контента вашего сайта. В основном они касаются настроек цвета и шрифтов, но есть раздел «шаблон», в котором можно выбрать где показывать боковую колонку виджетов, а где сделать страницу по всей ширине.
В настройках цвета можно задать глобальный фон всего сайта, фон области с текстом (страниц и записей), а также фон области с текстом и фон виджетов в боковой колонке.
Отдельно выделены «Глобальные настройки», это те настройки, которые действуют на все элементы сайта, для которых нет настроек. В основном, это мелочи. Но именно они создают общую картину.
В разделе «Типографика» настройки всех шрифтов контента – текста и заголовков.
Настройки блога (В начало документации)
- Плиточный стиль «Masonry» — это способ отображения записей в вашем блоге, плиточная вёрстка, как её ещё называют. Работает автоматически на странице записей, которую вы выбрали в настройках WordPress. Можно указывать количество колонок.
- «Категории и теги блога» позволят показывать или скрывать эти данные на странице «Блог».
- Количество слов Выдержки – это количество слов, которые будут показаны рядом с картинкой в общем списке. Поэкспериментируйте с этой настройкой.
- Текст кнопки «Подробнее» – текст на кнопке в общем списке, по нажатию на которую откроется полная версия записи блога.
Отдельные настройки индивидуальной записи в блоге
- «Дата, категории, теги» можно показывать их на странице записей, а можно скрыть. Решать вам J
- Комментарии блога – это возможность включить или отключить комментарии к записям в блоге. К страницам они всегда отключены. По умолчанию выключено.
Настройки футера (подвала) (В начало документации)
В этом разделе настройки самого низа сайта. Здесь можно загрузить логотип другого размера, включить или выключить меню, а также указать свои копирайты. Разумеется, настройки шрифтов и цвета тоже на месте.
Настройки интеграции (В начало документации)
Обычно, когда вы устанавливаете счетчики статистики или коды рекламных кабинетов, то вам нужно вставить код на все страницы сайта. Теперь нет необходимости вносить изменения самому, достаточно добавить все коды прямо в раздел «Интеграции»
Отдельно вынесли настройку цвета кнопки Contact Form 7
Настройки CSS и Javascript (В начало документации)
Раздел для разработчиков и тех, кто понимает. Объяснения не нужны. Вносите изменения тут – они применяются ко всему сайту.
Обновления темы (В начало документации)
Тема Aquarelle сразу поставляется с системой обновления, которая поможет вам получать все новые функции и изменения быстро и максимально просто.
Для того, чтобы обновления начали приходить вам автоматически, нужно для начала указать свой лицензионный код доступа к обновлениям.
Ключ имеет период действия! После окончанич его нужно продлевать или шаблон перестанет получать обновления. Но при этом будет исправно работать.
Мы получаем деньги за лицензии и тем самым развиваем шаблон. Таким образом, по сути, вы покупаете собственные будущие классные функции и возможности. J