Делим шаблон WordPress на части – урок 14
Теперь, когда тема у нас работает как надо и выводит нашу первую страничку, нам необходимо разделить код страницы на участки, это поможет нам:
- лучше ориентироваться в коде;
- не повторять некоторые участки кода, которые будут повторяться на всех страницах.
Для начала отделим header и footer от основной части, для этого в wordpress созданы специальные функции, при помощи которых мы можем разнести код.
Что нужно сделать с шаблоном:
- Создайте в корне вашей темы 2 файла с именами header.php и footer.php;
- Выделите содержимое кода страницы сверху вниз, останавливаемся после тега <body>.
- Все что вы выделили, вырезаем и переносим в фай header.php.
- В файле index.php в самом верху вставьте на отдельной строке функцию
<?php get_header(); ?>, в любом месте вашего шаблона где вставлена эта функция будет вставлен код из файла header.php. Если все сделано правильно, то у шаблона должен остаться нормальный вид и стили все сохраняться. - Далее вырезаем из файла index.php часть кода, отвечающую за нижнюю часть сайта (та часть которая повторяется на всех страницах сайта) и перемещаем ее в файл footer.php. Это код, начинающийся с комментария <!— Copyright —> и до конца документа.
- После переноса кода из index.php в footer.php необходимо файл footer.php вызвать из index.php, для этого в конце кода index.php вставьте функцию
<?php get_footer(); ?>. Если все сделали правильно, то ваш сайт будет отлично отображаться и нижняя часть не пропадет.
Разделенный шаблон WordPress
Если вы все делали по пунктам и правильно, то код вашего шаблона должен совпадать с моим в архиве ниже.
На этом урок закончен, следите за новыми выпусками, дальше будет еще интереснее.
Услуги репетитора онлайн.
Список курсов которые я веду
*/
- Базовый курс по веб-дизайну;
- Верстка сайтов;
- Общий курс по CMS WordPress и продолжение курса по разработке шаблонов;
- Разработка сайтов на PHP.
