24
Січ
0

Урок №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

Випадкові записи

Залиште свій коментар