WORDPRESS 23 Футер. Делим индекс на зоны.

Привет, сегодня поговорим про wordpress 2 футер делим индекс на зоны , обещаю рассказать все что знаю. Для того чтобы лучше понимать что такое wordpress 2 футер делим индекс на зоны , настоятельно рекомендую прочитать все из категории Системы управления контентом CMS.

Сегодня мы подводим итог в стилизации и затронем важный вопрос — как правильно разделить файл index.php на несколько небольших файлов. В начале урока вам понадобится файл style.css. Далее, вы будете работать с index.php, а также создадите несколько новых файлов. Наверное думаете “ну неужели скоро финал?” =) Именно, мы почти закончили базовый курс!

Откройте все что потребуется и начинаем.

Шаг 1

Добавьте padding: 10рх к DIV тэгу футера. Надеюсь, вы помните, как добавлять padding? В этот раз, я уже не пишу код, надеясь на вашу память ;-)

Шаг 2

Присвойте всем тэгам <p> футера высоту строки 18px через #footer p{}.

На сегодня мы закончили с style.css.

Шаг 3

• создайте новый файл, назовите его header.php. Если вы работаете не в сцециальном редакторе, а в текстовом, например в блокноте — убедитесь, что это РНР файл, а не текстовый документ
• в файле index.php выделите все сначала и до конца DIV-а header. Об этом говорит сайт https://intellect.icu . Вырежте это и вставьте в файл header.php

Шаг 4

В файле index.php выделенный код, который вы скопировали, замените следующим:

Это специальная функция WordPress, которая отвечает за включение файла header.php, вместо использования <?php include (TEMPLATEPATH . ‘/header.php’); ?>.

Сохраните и обновите браузеры. Вы не должны увидеть никаких изменений. Если тема выглядит как-то не так после того, как вы сделали изменения, значит где-то ошибка.

Шаг 4

Шаг 4 почти ничем не отличается от предыдущего. В этот раз:

• создайте файл sidebar.php
• выделите все от начала DIV тэга Sidebar до его конца, скопируйте и вставьте в файл sidebar.php
• затем, в файле index.php замените выделенное кодом <?php get_sidebar(); ?>
• сохраните и обновите браузеры.

И опять вы не должны увидеть изменений.

Шаг 5

Повторите проделанные выше операции с <div id=»footer»> для файла footer.php.

Это нужно делать с каждой новой темой WordPress для обеспечения оптимальной и правильной структуры темы.

Краткий обзор урока

• Вы создали три новых файла: header.php, sidebar.php и footer.php.
• Вы выучили три новых функции: get_header(), get_sidebar() и get_footer().

На этом все! Теперь вы знаете все про wordpress 2 футер делим индекс на зоны , Помните, что это теперь будет проще использовать на практике. Надеюсь, что теперь ты понял что такое wordpress 2 футер делим индекс на зоны и для чего все это нужно, а если не понял, или есть замечания, то не стесняйся, пиши или спрашивай в комментариях, с удовольствием отвечу. Для того чтобы глубже понять настоятельно рекомендую изучить всю информацию из категории Системы управления контентом CMS