Розбиття шаблону WordPress на частини – підручник 14
Тепер, коли тема у нас працює як слід і виводить нашу першу сторінку, нам необхідно розділити код сторінки на ділянки, це допоможе нам:
- краще орієнтуватися у коді;
- не повторювати деякі ділянки коду, які повторюватимуться на всіх сторінках.
Для початку відокремимо header та footer від основної частини, для цього в Wordpress створені спеціальні функції, за допомогою яких ми можемо рознести код.
Що потрібно зробити із шаблоном:
- Створіть докорінно вашу тему 2 файлу з іменами header.php і нижній колонтитул.php;
- Виділіть вміст коду сторінки зверху донизу, зупиняємось після тегу <body>.
- Все що ви виділили, вирізаємо та переносимо у фай header.php.
- У файлі index.php у верхній частині вставте на окремому рядку функцію
<?php get_header(); ?>, в будь-якому місці вашого шаблону, де вставлена ця функція, буде вставлений код з файлу header.php. Якщо все зроблено правильно, то шаблон має залишитися нормальний вигляд і стилі все зберігатися. - Далі вирізаємо з файлу index.php частину коду, відповідальна за нижню частину сайту (та частина, яка повторюється на всіх сторінках сайту) та переміщаємо її у файл footer.php. Це код, що починається з коментарю <!– Авторське право –> та до кінця документа.
- Після перенесення коду з index.php до footer.php необхідно файл footer.php викликати з index.php, для цього наприкінці коду index.php вставте функцію
<?php get_footer(); ?>. Якщо все зробили правильно, то ваш сайт відмінно відображатиметься і нижня частина не пропаде.
Розділений шаблон WordPress
Якщо ви все робили по пунктах і правильно, то код вашого шаблону повинен збігатися з моїм в архіві нижче.
На цьому урок закінчено, стежте за новими випусками, далі буде ще цікавіше.
/*
- Базовий курс з веб-дизайну;
- Верстка сайтів;
- Загальний курс CMS WordPress та продовження курсу з розробки шаблонів;
- Розробка сайтів на PHP.