Как добавить виджет в подвал сайта — footer и WordPress

Привет! У нас уже был урок по добавлению виджетов в сайдбар. И делалось это через админ-панель. Но что, если нам захотелось установить виджет в подвал сайта? Сегодня об этом и поговорим.

Избавление от сладкомании Галины Гроссманн

Тема сайта и футер

Всё дело в том, что тем сайта WordPress очень много. Каждая из них придаёт блогу свой дизайн. И предусматривает расположение тех или иных колонок для виджетов. Таким образом, у каждой темы имеются свои возможности размещения виджетов.

Очень часто через админ-панель мы можем установить виджет в колонку. Правую или левую. Или в обе. Но допустим, нам надо добавить на сайт счётчик статистики. И согласитесь, сайдбар для него не лучшее место.

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

Как же установить виджет в подвал сайта? Иначе его ещё называют футер. Это от английского слова footer - нижний колонтитул. А проще говоря, подвал. То есть блок, который находится в самом низу любого сайта.

Что там обычно находится? Да что угодно. Например, информация о компании, об установленной теме сайта. Вышеупомянутые счётчики статистики или политика конфиденциальности персональных данных. А также реклама.

Как добавить элемент в подвал сайта

Итак, нам надо отыскать footer.php. Это файл, отвечающий за вывод элементов в подвале сайта. Для этого заходим в файловый менеджер. Сделать это можно через FTP. Или через редактор темы в панели управления WordPress.

Но я поступаю более простым и удобный способом. Захожу через свой хостинг в раздел Файловый менеджер. На примере своего хостинга и покажу. Принцип везде одинаковый.

Зашли в раздел. Теперь открываем корневую папку сайта. И находим папку с названием своей темы. Путь может немного отличаться. Но чтобы легче было ориентироваться, покажу свой адрес:

wordpress/public_html/wp-content/themes/ваша_тема

В данном случае wordpress - это корневая папка сайта. А ваша_тема - это та, которую вы установили в качестве шаблона для блога. Смотрим скриншот:

Подвал сайта и файл footer.php - установка виджета в WordPress

Открываем файл footer.php, отвечающий за подвал темы сайта. И вставляем заранее скопированный код виджета. Пусть это будет код счётчика или баннера. Не имеет значения. Показываю на примере баннера.

Как вставить элемент/виджет в подвал сайта Вордпресс - файл footer.php

Размещать нужно между тегами <div> и </div>. Между какими именно? Это уже на ваше усмотрение. Темы у всех разные. Поэтому экспериментируйте. Вставляйте и проверяйте, как это выглядит на сайте. Главное, чтобы вам нравилось.

Теперь идём смотреть на сайт, что у нас получилось:

Редактирование файла footer - вставка элемента на сайте Вордпресс

Меня вид и расположение устраивает. Но возможно, вам захочется установить элемент в центре подвала. Я это делать не буду, так как по центру у меня кнопки. Но вам покажу, как придать стиль.

Поможет нам в этом атрибут <div style="text-align:center">. Его надо пристроить к только что вставленной конструкции спереди. Итак, смотрим очередной скриншот:

Выравнивание элемента по центру в футере сайта Вордпресс

Зелёным цветом выделен атрибут выравнивания элементов по центру. А красным полностью конструкция, представляющая собой баннер со ссылкой.

Рекомендации

Не торопитесь редактировать футер сайта. Да и вообще любой другой файл. Сперва сделайте дочернюю тему. А также резервное копирование файлов и папок сайта.

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

Поэтому не поленитесь. Подготовьтесь. А затем редактируйте всё, что вздумается.

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

Таким образом, вы можете расположить в разделе footer любые элементы. Будь то счётчик статистики, какие-то кнопки или ссылки.


Произошли изменения на сайте? Или страницы долго не индексируются? Давайте устроим проверку и запрос в поисковых системах.

А для улучшения SEO-параметров сайта рекомендую сделать уникальными страницы пагинации в рубриках.

Биолифтинг живота
Курс похудания

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *