Статические страницы — как создать уникальное оформление? Шаблон с нуля — Урок №5

Статические страницы WordPress почти ничем не отличаются от динамических записей, которые выводятся на главной странице блога. Возможности почти идентичны, но назначение другое — создание информационных страниц, которые являются костяком сайта и не будут меняться. Это такие популярные на любом блоге или сайте, не только WordPress, страницы Контакты, Обратная связь, Об авторе, О компании, Карта проезда и т.д. — то, что обычно стоит в меню блога.

Создать страницу в WordPress вы можете из соответствующего пункта меню в админке Страницы. Откроется список всех имеющихся на блоге статических страниц с ссылками для редактирования и внесения быстрых изменений — здесь все так же просто, как с записями — можно задать миниатюру, если это поддерживает шаблон, сделать страницу вложенной, то есть подразделом другой страницы и так далее — нельзя задать метки, или тэги.

Статические страницы — как создать уникальное оформление? Шаблон с нуля — Урок №5

Гораздо интереснее поработать над шаблоном вывода страниц.
Раз функционал похож, разница только в идее, то и создавать шаблон статической страницы WordPress мы будем из уже имеющегося файла single.php. Копируем его и сохраняем под именем page.php. Все — для работы страниц больше ничего делать не нужно. Но это для Вас, уважаемые читатели, если вы регулярно читаете статьи на моем блоге, это было б слишком просто. Сегодня я расскажу, как сделать оформление страниц отличающимся от записей. Я мало вижу реализации подобного на блогах, поэтому думаю, вам будет интересно.

Чтобы понять, что я имею в виду, посмотрите блог nataturka.ru. Для начала пройдитесь о пунктам верхнего меню — оформление везде одинаковое. А теперь зайдите внутрь какой-нибудь новости — видите? Внутренние страницы записей оформлены совершенно по другому. И это все сделано на нашем любимом WordPress. Я оставил на том блоге статические страницы такими же, как главная, но и их дизайн можно изменить.

Дизайн для страницы WordPress — алгоритм действий

Даю алгоритм. Я буду рассматривать на примере файла page.php, но это подходит и для новостей, для страницы ошибки 404, категорий, архива, тегов и еще чего угодно, что имеется в вашем шаблоне. Итак, чтобы оформить в WordPress страницы отлично от главной, надо:

  • Создать новый файл для шапки
  • Новый файл для сайдбара или сайдбаров, если их будет несколько разных по оформлению
  • Новый файл для футера

Соответственно, если оформление статической страницы WordPress не будет кардинально отличаться, то эти файлы можно скопировать из уже имеющихся, дать им новые имена, например sidebar-pages.php (и аналогично остальным, чтоб не запутаться) и отредактировать в соответствии со своей задумкой. Или же если дизайн будет совершенно новый, то надо наполнить их новым содержанием на основе имеющегося макета или темы оформления, проставить необходимые коды WordPress, как мы это делали в прошлых уроках, и добавить новые стили в style.css.

После того, как эта работа проделана, необходимо также изменить в соответствии с темой нового дизайна страницу page.php и — внимание! — подключить к ней инклудом не стандартные файлы header, sidebar и footer, а вновь созданные header-pages.php, sidebar-pages.php и footer-pages.php. В результате должна получиться примерно вот такая картина:

Статические страницы — как создать уникальное оформление? Шаблон с нуля — Урок №5

Шаблон страницы WordPress с выбором из админки

Еще один вариант сделать индивидуальное оформление для разных страниц — создать отдельный шаблон. Делается это просто — копируем файл page.php и называем его, например page-forum.php. В самое начало документа вставляем код:

Сохраняем и загружаем в папку с темой. Теперь при публикации страницы в правом блоке выбираем его из выпадающего списка и радуемся результату.

Статические страницы — как создать уникальное оформление? Шаблон с нуля — Урок №5

Разное оформление по ID

Все-таки какая же удивительная штука WordPress — столько различных вариантов сделать одно и то же действие! Еще один способ — сделать индивидуальное оформление страницы по ее ID. Еще раз клонируйте страницу-исходник, но теперь дайте ей окончание с номером идентификатора типа page-1.php, где — «1» это и есть ай ди страницы. Теперь самая первая статическая страница блога будет иметь то оформление, которое вы сделаете в данном файле.

Статические страницы — как создать уникальное оформление? Шаблон с нуля — Урок №5

Полностью поменяв оформление всех составных блоков страницы WordPress мы получили уникальное оформление для внутренних страниц. Подробного видео-урока на эту тему пока нет, но есть небольшое руководство по тому, как создать и немного настроить под себя файл страницы WordPress из новостной, а также сделать из нее страницу ошибки 404.

Наглядное видео, показывающее в реальности, как сделать все то, о чем здесь написано — в моем полном видеокурсе, модуль №4.

Статические страницы — как создать уникальное оформление? Шаблон с нуля — Урок №5
Все подробности

Оцените статью