Это очень важный файл, похожий на header.php, потому что он повторяется на каждой странице. Плюс — это конец вашего документа и последнее, что читатели увидят, когда они прокрутят статью до нижней части страницы. Это последнее впечатление от вашего сайта для вашей аудитории, поэтому важно, чтобы вы разместили хороший кросс-маркетинг, ссылки в социальные сети или дополнительные призывы к действию, чтобы люди не просто покидали ваш сайт в этот момент. Например, здесь можно разместить область подписки, чтобы люди подписались, если им понравился контент. Также здесь можно разместить дополнительную информацию и ссылки, чтобы связаться с владельцем сайта. В подвале часто размещают область виджетов, которую мы научились создавать в предыдущей статье.

Footer.php

Откроем файл нашей темы и посмотрим, что здесь есть.

Создание своей темы WordPress – Footer.php

Весь код условно можно разделить на 2 части, первая часть — это ссылка на WordPress.org и Underscores. На странице сайта они выглядят так:

Создание своей темы WordPress – Footer.php

Эти ссылки нам на сайте не к чему, поэтому их можно смело удалить и написать, например копирайт (Copyright) и текущую дату.

<p>© Copyright <?php echo date(“Y”); ?> Все права защищены</p>

Создание своей темы WordPress – Footer.php

Следующая функция очень, очень важна! Это функция wp_footer (), и она используется WordPress для передачи не только файлов скриптов, которые нужно правильно запустить, но и плагинов, файлов css и всего остального, что может быть поставлено в очередь. Если вы не поместите это в свою тему WordPress, ваш сайт будет некорректно работать.

И последнее, но не менее важное: убедитесь, что вы завершаете страницу закрывающим тегом body и закрывающим тегом html.

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

Создание своей темы WordPress – Footer.php

В эту область поместим меню и поиск (через админ-панель – внешний вид-виджеты)

Создание своей темы WordPress – Footer.php

Конечно-же, это все нужно стилизовать с помощью css. Для начала просто зададим подвалу какой-либо задний фон, чтобы наглядно видеть результат нашей работы. Через f12 посмотрим какой класс отвечает за подвал (.site-footer) и зададим ему background-color: pink.

Вот что получилось на нашей главной странице:

Создание своей темы WordPress – Footer.php

Таким образом можно добавлять в footer любую информацию!

Наш footer готов, теперь его можно вызвать на любой странице c помощью функции get_footer().