Основные положения

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

Конструктор имеет множество методов и элементов, но обсуждать мы будем только те, которые присутствуют на сайте.

Административный кабинет находится по ссылке http://fontini.ru/wp-admin/

Настройка меню

Личный кабинет -> Внешний вид -> Меню

У нас на сайте есть 2 меню- верхнее и нижнее, выбрать редактируемое меню можно здесь:

Верхнее меню - New_main, нижнее- Footer navigation

Выбираем пункты, которые вы хотим добавить в меню и жмем кнопку "Добавить в меню"

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

Если переместить элемент со смещением в другую категорию, соответственно у нас появится дочерний пункт, который будет всплывать при наведении на родителя.

В текущих элементах меню можно изменить название, ссылку или вовсе их удалить

Настройка нижнего меню аналогична настройке верхнего!

Главная страница

Адрес настройки главной страницы http://fontini.ru/wp-admin/post.php?post=2538&action=edit

Или же личный кабинет -> Страницы -> Home Page 2

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

Таким образом откроется редактирование внутреннего контента, в данном случае- "Заголовок над слайдером"

Здесь мы можем изменить содержание, цвет, размер и выравнивание.

Изменив что-то жмем кнопку "Save changes" и обновляем страницу

 

Аналогичным способом меняется номер телефона и почтовый адрес.

Изменение слайдера

В случае со слайдером алгоритм работы немного отличается.

Пролистав немного ниже, мы увидим большой блок, с множеством вложенных блоков.

Так вот, за каждый слайд, как раз, и отвечает один из этих вложенных блоков.

Наведя на любой из этих блоков, жмем на карандаш и перед нами откроетсяокно редактирования контента.

Во вкладке Slide content мы можем поменять надпись слайда.

ВНИМАНИЕ! Если текст белый, его можно не заметить.

Во вкладке Background Options мы можем назначить слайду цвет или картинку. В нашем случае используем картинки.

Жмем на зеленый + и выбираем картинку из библиотеи сайта или же закачиваем новую картинку.

ВНИМАНИЕ! Минимальная ширина картинка должна составлять 1920 пикселей, а высота 768 пикселей.

 

Затем в параметрах выставляем no-repeat cover и left-top соответственно

Изменив что-то жмем кнопку "Save changes" и обновляем страницу

ВНИМАНИЕ! Изменив что-то на странице, советую, сразу проверять изменения на сайте, так можно избежать грубых и неисправимых ошибок.

Коллекции

Переходим в личный кабинет -> Страницы -> Выбираем страницу с коллекцией (Коллекция Fontini или Коллекция Font Barcelona)

Для примера откроем коллекцию Fontini.

Перед нами сетка, которая в точности повторяет структуру страницы.

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

ВНИМАНИЕ! Изображение обязательно должно быть квадратным.

После выбора фото жмем "Save changes"

Под каждым блоков фото находится текстовый блок, наводим на него, жмем карандаш, откроется окно редактирования

Так как каждый заголовок ведет у нас на страницу подколлекции, то ему нужо назначать/изменить ссылку

Ссылку любой страницы можно увидеть вверху, открыв любую запись или страницу в личном кабинете

Создание подколлекции на странице коллекций

Открываем страницу коллекции в личном кабинете, переводим курсор на последни ряд и жмем кнопку - "Клонировать ряд", кнопка №1

У нас появится 4 новых элемента, лишние мы сразу удаляем, оставляя такое количество элементов, которое нам нужно. Удаление - кнопка №3

Если ряд создали случайно, его можно удалить кнопкой №2

Когда у нас остается нужное количетсво элементов, то мы меняем их картинки и текста с ссылками, как описано выше.

После всех изменений не забываем нажать "Save changes" и обновлять страницу

Подколлекции

Для редактирования подколлекции проходим в Личный кабинет->Страницы->Название подколлекции

Рассматриваем на примере добавления новых элементов на страницу "DO collection", изходя из этого также можно понять, как редактировать старые элементы.

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

Выбираем "Ряд"

Теперь в появившийся ряд, мы можем добавить новые элементы, давайте повторим один из блоков коллекции:

Жмем + в ряду и добавляем "Heading" - это заголовок

Сразу после добавления появится его окно редактирования

1) Содержание заголовка

2) Стиль заголовка (Почти на всем сайте используется стиль 1, с подчеркиванием)

3) размер заголовка (H1- самый большой).

Если нам требуется несколько колонок, то в ряд нам нужно добавить еще один ряд и разбить его на колонки

Теперь мы имеем 6 колонок, нажмем на + в любой из них.

Добавим элемент фото, после выбора фотографии, размер нужно обязательно указать full.

Теперь просто добавим текстовый блок и заполним его аналогично любому блоку на странице

Новинки и мероприятия

Мероприятия и новинки состоят из 2, иногда 4 элементов.

Рассмотри на примере страницы "Мероприятия", добавление нового мероприятия.

Создаем ряд, внутри его помещаем модуль "Timeline Events", изначально у нас появится 3 элемента.

Удаляем 2 лишних и заполняем оставшийся, наводим на него и нажимаем карандаш.

Поля модуля:Title- заголовок, Content- описание, Event DayEvent MonthEvent Year -дата мероприятия

Затем в наш ряд помещаем еще один ряд разбиваем его на 3 столбца и в столбец №2 помещаем модуль "Image carousel"

Добавляем нужные нам картинки и жмем кнопку добавить изображения

Параметры модуля, которые нам еще нужно поменять: Carousel size:400x300, Slider orientation: Горизонтальная, Slider autoplay:да

Остальное не трогаем, жмем "Save changes" и обновляем страницу.

Проекты

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

Жмем на одну из кнопок "Add new"

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

1) Выбираем категорию, к которой работа принадлежит

2) Image gallery -> add new images Это добавление картинок, которые будут отображаться на личной странице работы

3) Миниатюра записи - Фото которое будет отображаться в превью работы на странице проекты.

Параметры, которые следует заполнить ниже:

1) Use of image gallry - использовать параметр со скриншота

2) Photo galley layout - количество столбцов фотографий на личной странице проекта

3) Галочку обязательно

После всех изменений, вверху жмем кнопку "Опубликовать"

Контактные формы

Модуль контактных форм вшит в тему и единственное, что поддается редактированию, адрес, куда следует отправлять заявки, поэтому на любой странице, где есть контактная форма, следует навести мышкой на модуль "Contact Form", нажать на карандаш и изменить адрес доставки

Нижнее меню

Страницы на данный момент пусты, но их можно собрать по примеру любой из страниц подколлекции

Настройка формы в разделе Контактные формы

Настройка заднего фона в шапке на примере страницы "О фабрике":

Задний фон во всю ширину задается в модуле ряд(row), итак заходим на страницу, где следует установить фон и переходимв настройки ряда:

Тема поддерживает также и видеофон, поэтому переходим соответственно на одну из вкладок

В случае с Background Options мы можем назначить просто цвет или же любую картинку, выбрав ее нажав + и сохранив наши действия. Так же в Background Effect можем выбрать эффект заднего фона - обычный, либо же параллакс.

В случае с Video Background Options мы можем выбрать откуда брать видео, с Вашего сайта (его следует предварительно загрузить) или же с Youtube. Далее вставляем ссылку ниже и сохраняем изменения.

ВНИМАНИЕ! Размер видео не должен превышать 4мб, а размер картинки обязательно должен быть пропорционален 1920x1080 пикселей.