Создание шаблона для отдельной страницы WordPress

создание шаблона wordpress

От автора: очень часто встречаются ситуации, когда нужно на своем блоге wordpress выделить какую-нибудь страницу. Это может быть продающая страница, либо просто страница с уникальной информацией для посетителей Вашего блога.

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

План урока:

    1. Создаем необходимые файлы для шаблона.

    2. Прикрепляем отдельный шаблон к странице.

    3. Редактируем header нового шаблона.

    4. Редактируем footer нового шаблона.

    5. Редактируем файл стилей и меняем внешний вид меню в новом шаблоне.

Детали учебника

Сложность: Легкая

Урок: Видео версия (.mp4)

Время: 28:36

Размер архива: 148 Mb

автор

Автор: Андрей Бернацкий

Один из авторов проекта «Основы Самостоятельного Сайтостроения». Адрес в сети — www.WebForMyself.com

Данный проект представляет собой подборку качественных материалов: обучающих статей, книг, курсов, видеоуроков — как зарубежных, так и отечественных специалистов в области сайтостроения.

Бернацкий Андрей свободно владеет такими техниками как: HTML, CSS, JavaScript, jQuery, AJAX, PHP&MySQL.

Сайт: http://webformyself.com – «Основы Самостоятельного Сайтотсроения»

скачать урок

Темизация WordPress

Прямо сейчас посмотрите курс по созданию и установке уникальной темы на WordPress!

Смотреть курс

Метки:

Комментарии Вконтакте:

Комментарии Facebook:

Комментарии (51)

  1. Игорь

    Огромное спасибо за уроки.Все очень понятно и доступно.

    • Наталья

      Поддерживаю полностью Игоря!

      Спасибо за видеоурок, Андрей!

      Хотелось бы в нем увидеть как Шапку не удалять, а сделать в ней что-то новенкое.

  2. Александр

    Спасибо!
    Давно хотел научиться делать отдельную страницу!

  3. Евгений

    Спасибо ребята. Давно искал такую информацию, уже качаю урок.

  4. Gen

    Очень нужная информация. Спасибо, ребята.

  5. Кир

    Посмотрим! Кажется, это то, что было мне нужно. Несколько разделов со своим оформлением…

  6. Юрий

    Класс! Спасибо! Уже скачиваю. У меня вопрос. Как сделать, чтобы при кликании на страницу блога (на домашней ) посетитель переходил не на страницу, а на другой блог? Задавал этот вопрос на форуме. Сказали, что надо поставить ссылку. Это я понимаю, но как это сделать технически? Я не очень в HTML, если можно, подробнее. Конечно, если это вообще возможно.

  7. Валерий

    Очень полезная и нужная информация. Спасибо.

  8. Василий

    Андрей! Очень полезное видео и самое главное, когда оно вовремя выдано в помощь всем.Давненько подумывал создать отдельную продающую страницу для своих товаров.Скачал видео, сейчас буду применять и внедрять.Благодарю.

  9. Юлия

    Спасибо за информацию!

  10. Людмила

    Искала подобную информацию. Еще хотелось бы узнать как вывести на главную анонсы статей из определенных разделов.

    • Андрей Кудлай

      Людмила, уже готовится к выпуску целая серия практических уроков по работе с WordPress, где, в частности, описан и момент вывода на главной странице статей определенной категории или нескольких категорий, или выбор статей по меткам и т.д.

      • Tamara

        Добрый час !
        Я тоже интересуюсь выводом на первую страницу отдельных записей.
        Заранее большое спасибо,Андрей!

        • Андрей Кудлай

          Здравствуйте.
          Собственно, этот урок уже записан и вскоре будет опубликован.
          Дождитесь ;)

  11. Олег Лукин

    Андрей, спасибо. Отличный урок, доступно. Поигрался, получилась отличная страничка. Самое не легкое это CSS

  12. Виктор Кривуляк

    Спасибо Андрей! Данную информацию я уже давно пытался найти, но почему то не попадался качественный и понятный урок. Вы очень понятным языком разъяснили этот момент.

  13. Vladimir

    Подробно и доходчиво! Спасибо. Хорошо бы, чтобы подробнее насчет редакторов в браузерах.

  14. Anatol

    Андрей отличный урок! Хотел проделать все тоже самое со своей темой и столкнулся с проблемой, что в Атрибутах страницы нет возможности выбрать шаблон. Есть только вкладки Родительская и Порядок. Как можно решить эту проблему?

    • Andrey Bernacki

      А какая у вас версия вордпресса? возможно очень старые версии не поддерживают такого.

    • Vlad

      Та же самая история, как и у Anatol: отсутствует поле шаблона в атрибутах страницы. Версия свежая: 3.3.1, русифицированная, установлена через сервис хостинга.
      Такой облом! Мне давно уже мешала жесткая структура заданного шаблона, и после этого урока я было воодушевился…

      • Vlad

        Я нашел причину. Поле «Шаблон» на панели «Атрибуты страницы» у меня исчезает после активации используемой мною темы.
        То есть, чтобы иметь возможность менять шаблоны страниц, мне нужно сначала сменить тему.
        Это, конечно, тоже не радует, но по крайней мере, понятно. Теперь при установке новых тем буду обращать на это внимание.

        • Vlad

          (тихо сам с собою я веду беседу:))
          Выход все-таки есть.
          Если в используемой вами теме нет дополнительных шаблонов страниц, то и поле «Шаблон» в атрибутах страницы не появляется.
          В этом случае нужно сначала деактивировать тему (заменить временно на другую), затем создать новый шаблон страницы и вновь активировать тему. Далее — всё по уроку.

  15. Валентина

    Спасибо Андрей за ценнейшую информацию.Урок скачала.Сейчас попрактикуюсь.
    Успехов тебе!

  16. Николай

    Андрей, огромное спасибо за этот урок — мне сейчас это очень нужно!

  17. Александр

    Спасибо,уже качаю.

  18. Геннадий

    Огромное спасибо, даже не знал, что это возможно
    Качаю урок …

  19. Геннадий

    Очень нужная информация, качаю урок надеюсь он будет для меня очень полезен.

  20. Виктор Ветух

    Андрей, спасибо за урок. Интересно и злободневно, по крайней мере для меня. Скачал, уверен, что это мне пригодится.

  21. Andrey Bernacki

    Всем спасибо за благодарности. Рад, что урок пришелся кстати и был для многих полезен.

  22. Валерий

    очень полезный и своевременный урок. Я сейчас застрял именно на этом вопросе.

  23. Pocherk

    Спасибо за урок! А я решал эту задачу, используя is_page() и в зависимости от ID статьи, цеплял свой css-файл, а оказывается все можно решить проще…

  24. Ольга

    Андрей Бернацкий молодец! У него хорошая команда и очень много полезных и бесплатных уроков.

  25. Мария

    Спасибо,Андрей!Очень полезный урок

  26. Людмила

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

  27. gixareva.olga@mail.ru

    Андрей,очень полезный и нужный урок.У вас все уроки интересные и полезные. Подписалась ещё на три месяца.

  28. Елена

    Андрей! Спасибо за уроки, очень полезные. Я еще новичок, делаю по шагам за вами, этот урок. У вас картинка не показывается, а у меня на новой странице появляется снова, убираю все , что вы сказали. В чем причина, как исправить. Заранее спасибо.

  29. Евгений

    Проблема в ie:
    Може кто сталкивался,сделал свой отдельный хэдер и педж,подключил,во всех браузерах всё норм,кроме IE всех версий.
    Переходя на свою страницу,шаблон начинает расподаться,как будто бы отключаются какие то CSS правила,но не все.
    Как я уже не прописывал css пути,заменял файлы и содержимое,не чего не исправляеться.
    Тупо если шаблон не default,то IE кривит,причем и в 9 версии.

    • Андрей Кудлай

      Скорее всего, при подключении потерялись закрывающие теги, но это лишь предположение. Задайте свой вопрос на нашем форуме и Вам обязательно помогут. Только сделайте вопрос более конкретным, прикрепив проблемную тему.

  30. Геннадий

    Очень понравился урок. Давно хотел подобное для себя сделать.
    Но…!!! Когда я открыл у себя файл page.php то увидел что внешне он отличается от вашего примера. Нет той шапки, в которой вы прописали новую теме страницы. Как выйти с этого положения. Куда мне прописать новую тему?
    Спасибо за ответ.

  31. Иван

    Сейчас буду всё изучать. Когда очень надо — сразу всё получается!

  32. Алексей

    Андрей, очень познавательно!
    Благодарю!
    Есть вопрос: как обеспечить в таком отдельном шаблоне сайта вывод других рубрик нежели на страницах стандартного типа?

  33. Антон

    Все здорово, но… уж ОЧЕНЬ растянуто :) И речь медленная, и действия медленные и много ненужных движений, которые отвлекают и мешают восприятию… Т.е. все полностью прекрасно, но если бы был сценарий урока, то вместо 30 минут он занял бы минут 8 — и это было бы сэкономленное время зрителей :)

  34. Татьяна

    Андрей, здравствуйте. Скажите, а по этому уроку — создание шаблона для отдельной страницы — можно создать заглушку на сайт (хочу закрыть его на реконструкцию)? Я нашла материалы на эту тему. Но в одних предлагают скачать шаблоны и отредактировать тестовую часть, фон, а в других — все очень сложно. В первом случае для меня много вопросов именно по редактированию, а во втором — именно сложность. Может, подскажете, как поступить, чтобы получить наиболее легким путем заглушку, при этом функциональную и отвечающую стилю всего сайта.

    • Андрей Кудлай

      Здравствуйте, Татьяна.
      Такие вещи, как правило, делаются с помощью файла htaccess буквально парой строк. В корне сайта создается страница-заглушка. Ну а затем все запросы попросту перенаправляются на данную страницу. Если перенаправления должны работать для все, кроме Вас, тогда нужно добавить еще условие (если запрос с определенного IP), при котором перенаправление не будет работать.
      Ну и показать решение в коде и помочь с возможными вопросами можем на нашем форуме.

  35. Артём

    У меня такой вопрос. У меня сайтбар слева. Я его удалил, но контент не сдвинулся влево ( на его место), учитывая, что я пробовал стили (width =100%) позволил тексту полностью отображаться на странице, но посередине смотриться неочень. Необходимо как-либо сдвинуть его влево (где ранее был сайтбар). Тег float= «left» не помогает :(

    • Андрей Кудлай

      Дайте ссылку на сайт, чтобы можно было подсказать что-то конкретное. Пока можно только предположить, что у блока контента скорее всего установлен отступ слева, который нужно убрать.

  36. Роберт

    Мне урок понравился все понятно и доступно. Нашел для себя как мне кажется лучший маркетинговый плагин для wordpress TORPAGE.
    torpage.ru/
    youtube.com/watch?v=gj1mlRcyFDY

  37. Сергей

    Добавил файл нового шаблона страницы, сделал все как надо, а он не отображается в админке ни в редакторе файлов, ни в выборе шаблона страницы

    • Сергей

      Разобрался, был не очень внимателен и не туда все-таки файлы закидывал

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree