Это очень важный файл, похожий на header.php, потому что он повторяется на каждой странице. Плюс — это конец вашего документа и последнее, что читатели увидят, когда они прокрутят статью до нижней части страницы. Это последнее впечатление от вашего сайта для вашей аудитории, поэтому важно, чтобы вы разместили хороший кросс-маркетинг, ссылки в социальные сети или дополнительные призывы к действию, чтобы люди не просто покидали ваш сайт в этот момент. Например, здесь можно разместить область подписки, чтобы люди подписались, если им понравился контент. Также здесь можно разместить дополнительную информацию и ссылки, чтобы связаться с владельцем сайта. В подвале часто размещают область виджетов, которую мы научились создавать в предыдущей статье.
Footer.php
Откроем файл нашей темы и посмотрим, что здесь есть.
Весь код условно можно разделить на 2 части, первая часть — это ссылка на WordPress.org и Underscores. На странице сайта они выглядят так:
Эти ссылки нам на сайте не к чему, поэтому их можно смело удалить и написать, например копирайт (Copyright) и текущую дату.
<p>© Copyright <?php echo date(«Y»); ?> Все права защищены</p>
Следующая функция очень, очень важна! Это функция wp_footer (), и она используется WordPress для передачи не только файлов скриптов, которые нужно правильно запустить, но и плагинов, файлов css и всего остального, что может быть поставлено в очередь. Если вы не поместите это в свою тему WordPress, ваш сайт будет некорректно работать.
И последнее, но не менее важное: убедитесь, что вы завершаете страницу закрывающим тегом body и закрывающим тегом html.
Давайте создадим новую область виджетов и подключим ее в подвале так, как я показывала в предыдущей статье
В эту область поместим меню и поиск (через админ-панель – внешний вид-виджеты)
Конечно-же, это все нужно стилизовать с помощью css. Для начала просто зададим подвалу какой-либо задний фон, чтобы наглядно видеть результат нашей работы. Через f12 посмотрим какой класс отвечает за подвал (.site-footer) и зададим ему background-color: pink.
Вот что получилось на нашей главной странице:
Таким образом можно добавлять в footer любую информацию!
Наш footer готов, теперь его можно вызвать на любой странице c помощью функции get_footer().