Делим шаблон WordPress на части – урок 14

Теперь, когда тема у нас работает как надо и выводит нашу первую страничку, нам необходимо разделить код страницы на участки, это поможет нам:

  1. лучше ориентироваться в коде;
  2. не повторять некоторые участки кода, которые будут повторяться на всех страницах.

Для начала отделим header и footer от основной части, для этого в wordpress созданы специальные функции, при помощи которых мы можем разнести код.

Что нужно сделать с шаблоном:

  1. Создайте в корне вашей темы 2 файла с именами header.php и footer.php;
  2. Выделите содержимое кода страницы сверху вниз, останавливаемся после тега  <body>.
  3. Все что вы выделили, вырезаем и переносим в фай header.php.
  4. В файле index.php в самом верху вставьте на отдельной строке функцию
    <?php get_header(); ?>, в любом месте вашего шаблона где вставлена эта функция будет вставлен код из файла header.php. Если все сделано правильно, то у шаблона должен остаться нормальный вид и стили все сохраняться.
  5. Далее вырезаем из файла index.php часть кода, отвечающую за нижнюю часть сайта (та часть которая повторяется на всех страницах сайта) и перемещаем ее в файл footer.php. Это код, начинающийся с комментария <!— Copyright —> и до конца документа.
  6. После переноса кода из index.php в footer.php необходимо файл footer.php вызвать из index.php, для этого в конце кода index.php вставьте функцию
    <?php get_footer(); ?>. Если все сделали правильно, то ваш сайт будет отлично отображаться и нижняя часть не пропадет.

Разделенный шаблон WordPress

Если вы все делали по пунктам и правильно, то код вашего шаблона должен совпадать с моим в архиве ниже.

zip wordpress theme archive

На этом урок закончен, следите за новыми выпусками, дальше будет еще интереснее.

Купить хостинг WordPress


Читайте также:

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

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