Подвал сайта

Функционал подвала в шаблоне Ocean весьма богат. Сейчас вы узнаете, как его можно кастомизировать.

Сам подвал имеет так два шаблона — одноколоночный и трехколоночный. Начнем с простого.

1. Одноколоночный подвал

Давайте добавим копирайт, телефон и иконки-ссылки на социальные сети.

Переходим в «Внешний вид > Виджеты» и видим четыре области:

Перетянем виджеты «Текст» и «Социальные сети» в область «Подвал» и впишем в них данные:

И увидим изменения на сайте:

Давайте настроим дизайн подвала. Для этого переходим в «Внешний вид > Настроить > Подвал».

Здесь можно изменить цвет текста и фона, размер социальных иконок:

2. Трехколоночный подвал

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

Затем возвращаемся в настройках назад по стрелке и выбираем «Виджеты». Тут видим три области подвала. Если их нет, то промотайте предосмотр сайта до конца, чтобы подвал появился на экране:

Давайте в левую часть вставим меню навигации, в середину инстаграм, а в правую социальные сети и текст.

Для этого жмем пункт «Подвал левая часть», добавляем новый виджет «Меню навигации»:

Здесь выбираете ранее созданное меню. Можете создать меню навигации (Внешний вид > Меню) специально для подвала и тут его потом выбрать. А пока у нас есть только то, которое выводится и в шапке:

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

Затем опять возвращаемся назад и выбираем область «Подвал правая часть» и добавляем в нее «Социальные сети» и «Текст»:

Посмотрим изменения. Как видим, не очень красиво:

Вернемся в настройки подвала, изменим отступы внутри и центрирование:

Стало гораздо лучше:

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