Найти тему
Камиль Абзалов

WordPress. Создание темы. Шапка и подвал

На прошлом уроке мы начали создавать собственную тему для WordPress. Сегодня мы создадим общие части для всех страниц — шапку и подвал.

Шапка и подвал сайта формируются в файлах header.php и footer.php соответственно. Их содержимое подключается в index.php с помощью соответствующих функций — get_header() и get_footer().
В этих файлах содержится обычная html верстка с вызовом некоторых полезных функций. Кратко об использованных в этом уроке функциях:

  • bloginfo() — показывает информацию о сайте.В параметре можно передать желаемую информацию для показа, например название сайта
  • wp_title() — показывает заголовок текущей страницы
  • wp_head() — запускает хук ‘wp_head’. Советую почитать о самом хуке ‘wp_head’ по ссылке
  • wp_footer() — запускает хук ‘wp_footer’.

В коде урока вы можете заметить, что мы не подключаем css и js в файлах header или footer. Все стили и скрипты рекомендуется подключать динамически через специальный файл functions.php. Этот файл предназначен для расширения настроек текущей темы. Не путайте этот файл с плагинами, которые работают с сайтами, не с темами.
В файле functions.php мы создали функцию, которая подгружает на наш сайт стили и скрипты при наступлении соответствующих хуков. Хуки в терминологии WordPress можно сравнить с событиями в javascript. Например, мы запускаем хук wp_enqueue_scripts и говорим, что при запуске сработает наша кастомная функция loadScripts.

Полезные ссылки:
кодекс (полная документация) к WordPress
начальные рекомендации к разработке темы

Код урока - http://kamil-abzalov.ru/videouroki/cms/header-and-footer/