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

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

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

wordpress страницы

Гораздо интереснее поработать над шаблоном вывода страниц.
Раз функционал похож, разница только в идее, то и создавать шаблон статической страницы 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. В результате должна получиться примерно вот такая картина:

страницы wordpress

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

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

<?php
/*
Template Name: Страница форума
*/
?>

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

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

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

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

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

HTML в шаблон WordPress своими руками
Все подробности

Поделись этой статьей с друзьями!

Это будет интересно прочитать:

Комментариев: 22

  • Александр, подскажите пожалуйста, как вы сделали форму «Понравилась статья? Получайте видеоуроки прямо на email!», которая выводится в конце статьи?

    • При помощи встроенной в feedburner функции подписки на рассылку

  • Александр, подскажите пожалуйста, как установить форму комментариев для статических страниц? Спасибо.

    • Пока эт о все, что было запланировано. После прослушивания всех уроков у Вас будет полноценный шаблон. Потом возможно еще что-то добавлю

      • А как же уроки по созданию дизайна? По дизайну не было ни одного урока. Мы создали пустой шаблон, разбили на страницы и записи, сделали меню и сайдбар, можем сделать для страниц и записей разные шаблоны. Но как привязать картинки к этому шаблону? Как сделать самому полноценный шаблон с красивым дизайном? Этого не будет? 🙁

        • Пока нет, но возьму идею на заметку. Цель данного цикла была показать, как натянуть на простой html вордпрессовский функционал

  • Спасибо. Чисто случайно попал на этот ресурс, но завис тут на пол дня.
    =)

  • Здравствуйте! А подскажите можно ли, и как, если можно, подключить…
    У меня есть папка с текстами в формате html, один файл- одна статья. Как можно подключить эти тексты в вордпресс, чтобы выводились статьи на сайте. ( а так нужно либо перекопировать, либо вручную добавлять-долго слишком). Текстов много очень. Подскажите можно ли сделать так чтобы был вывод статей на сайте и как это сделать? Я не силен в языках, так что сам не знаю, а в интернете не нашел как то. может не там искал. Если можно ответьте на мыло мое rezident-81 собака .ru
    Заранее спасибо Вам!

    • Я подобного не встречал и думаю, вряд ли это возможно. Уж лучше скопипастить, оставляя в ЧПУ адреса страниц теми же, как они вас были. Тогда и поисковики ничего не заметят.

      • Спасибо! Просто в папке как бы тексты уникальные в основном, а перекопировать их на сайт много времени займет. Вот думал может вывести их как то можно! Ну все равно спасибо за ответ!)

  • Привет, Александр, понравился Ваш сайт, добавила в закладки)
    Вопрос следующего характера:
    На главной странице отображаются последние записи, их стиль отличается от стиля в категориях (рубриках), как сделать так, чтобы внешний вид на главной был такой как и в рубриках?
    Тема: major-media
    Буду благодарна за ответ

    • Надо сравнить, как выводятся анонсы в файле category.php и в том, который отвечает за главную (обычно это index.php, но может быть и другой). И соответственно со страницы категорий перенести в шаблон главной. По стандарту цикл вывода анонсов выглядит так:

      [code lang=»php»]< ?php if (have_posts()) : while (have_posts()) : the_post(); ?>
      » rel=»bookmark»>< ?php the_title(); ?>
      < ?php if ( has_post_thumbnail ()) : ?>
      < ?php the_post_thumbnail();?>
      < ?php endif; ?>
      < ?php the_content(''); ?>
      < ?php endwhile; else: ?>
      тут функция для вывода сообщения об ошибке
      < ?php endif; ?>[/code]

    • Пришлите мне ссылку где тему скачать, посмотрю на досуге..

Добавить комментарий