Урок №23 Футер. Делим индекс на зоны.
Сегодня мы подводим итог в стилизации и затронем в действительности важный вопрос - как правильно разделить файл index.php на несколько небольших файлов. В начале урока вам понадобится файл style.css. По-моему далее, вы будете работать с index.php , а также создадите несколько новых файлов. Именно наверное думаете “ну неужели более менее скоро финал?” =) Именно, мы именно почти закончили несказанно базовый курс!
Откройте всё что потребуется и начинаем.
Шаг 1
Добавьте padding: 10рх к DIV тэгу футера . Надеюсь, вы помните, как добавлять padding ? В этот раз, я уже не пишу код, надеясь на вашу память
Шаг 2
Присвойте всем тэгам
футера высоту строки 18px через #footer p{} .
На сегодня мы закончили с style.css .
Шаг 3
- создайте более менее новый файл, назовите его header.php . Если вы работаете не в сцециальном редакторе, а в текстобом, более например в блокноте - убедитесь, что это РНР файл, а не текстовый документ
- в файле index.php выделите все как нельзя действительно сначала и до конца DIV-а header . Вырежте это и вставьте в файл header.php
Шаг 4
В файле index.php выделенный код, который вы скопировали, замените следующим:
Это потрясающе специальная функция WordPress, которая отвечает за включение файла header.php, вместо использования .
Сохраните и обновите браузеры. Вы не должны увидеть никаких изменений. Если тема выглядит довольно таки как-то не так после того, как вы сделали изменения, значит более где-то ошибка.
Шаг 4
Шаг 4 впрямь почти ничем не отличается от предыдущего. В этот раз:
- создайте файл sidebar.php
- выделите все от начала DIV тэга Sidebar до его конца, скопируйте и вставьте в файл sidebar.php
- весьма затем, в файле index.php замените выделенное кодом
- сохраните и обновите браузеры.
И в действительности опять вы не должны увидеть изменений.
Шаг 5
Повторите проделанные выше операции с
Это нужно делать с каждой новой темой WordPress для обеспечения оптимальной и правильной структуры темы.
Впрямь краткий обзор урока
- Вы создали три новых файла: header.php , sidebar.php и footer.php .
- Вы выучили три новых функции: get_header() , get_sidebar() и get_footer() .
wp-config.ru