Wordpress отдельный шаблон страницы. Чем страницы НЕ являются и что НЕ могут

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

Что такое шаблоны страниц

Тема в WordPress может иметь несколько разных шаблонов для вывода страниц, записей, архивов и так далее. Среди шаблонов мы рассматриваем сейчас шаблоны для Страниц. При создании Страницы в WordPress можно выбрать специальный шаблон для неё:

Разные темы могут предоставлять разные шаблоны страниц, например шаблон для страницы во всю ширину экрана (без боковой колонки), с левой боковой колонкой вместо правой и прочее. Отсутствие этой опции при редактировании страниц означает, что тема не объявила дополнительные шаблоны.

Шаблоны страниц можно использовать более чем для одной страницы, а некоторые темы создают вполне специфические шаблоны, предназначенные для использования всего один раз.

Как создать собственный шаблон страницы

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

Когда не следует использовать шаблоны страниц

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

В WordPress есть вспомогательная функция body_class() , которая используется в большинстве существующих тем. С помощью классов выводимых данной функцией, вы можете изменить стиль одной любой страницы используя CSS код:

/* Спрятать боковую колонку на странице 123 */ body.page-id-123 #secondary { display: none; }

Шаблоны страниц так же не следует использовать, чтобы изменить параметры основного цикла WordPress, например для добавления произвольного типа записей или исключения категории. Для таких целей есть специальный фильтр pre_get_posts в WP_Query() .

Если у вас возникли вопросы по работе с шаблонами страниц в WordPress, буду рад ответить на них в комментариях.

Иногда возникает необходимость в создании новой страницы сайта с новыми возможностями. Например, для создания сервиса проверки тИЦ и PR сайтов, установка и работа которого были описаны в статье « ». Возможности стандартных страниц WordPress не безграничны, и исполнение скриптов на них не предусмотрено, поэтому и придумали умные программисты такой ход – создать новый шаблон страницы, который будет «резиновым», то есть – будет иметь возможность для наполнения его любым функционалом.

Создание нового шаблона темы – не Бог весть какая задача, но для тех, кто с этим сталкивается впервые, этот процесс может представлять определенные трудности. Итак, с чего начинать? Все по-порядку – все файла вашей темы лежат в директории wp-content/themes/тема сайта/. Все процедуры можно производить через админпанель и редактор текста, например, тот же Блокнот или Notepad+. Выберите для создания нового шаблона страницы файл page.php – это пример вашей стандартной страницы темы.

В текстовом редакторе создайте новый файл, который и будет новым шаблоном страницы – к примеру, nov.php, и скопируйте в него все содержимое файла темы page.php – это будет скелет новой страницы. Потом мы его сможем наполнить так, как нам захочется.

Стандартный файл страницы содержит в себе обращение к заголовку сайта, подвалу, сайдбару или нескольким (если шаблон темы имеет их несколько), и собственно к содержимому страницы, а также вывод комментариев и другие полезности. Но для того, чтобы организовать новый шаблон, необходимо указать следующий код в самом верху страницы nov.php:

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

Но как сделать, чтобы эта страница выполняла те или иные вспомогательные функции, то есть, для нее – основные? Необходимо указать действие, которое эта страница будет выполнять, то есть – перенаправлять функцию на ту страницу шаблона, которая занимается исполнение скрипта. На языке программистов это называется «include». Для нас это будет строка , где путь TEMPLATEPATH.»/mmouse-whois.php обозначает путь к файлу, который представляет собой сервис whois – проверка имен домена. Можно организовывать любое исполнение скриптов – опросы, счетчики и т.д.

Вмоем случае на странице nov.php исполняется две функции. То есть, если взять один из примеров – то файл mmouse-whois.php исполняет проверку домена по адресу ресурса, а файл pagenavi.php проверяет занятость домена по IP-адресу клиента. То есть – на странице nov.php исполняется сразу две функции. Но для такой работы вашей новой страницы требуется наличие в директории темы таких файлов, то есть – вам нужно их туда закачать.

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

Вот и создан ваш новый шаблон темы. Видоизменять его вы можете, как вам будет угодно – убрать или добавить сайдбар, установить новый файл заголовка темы или преобразовать подвал файла. Но это уже тема для другой статьи. А для примера, приведенного выше, существующая и работающая и работающая страница выглядит так:

Этот туториал покажет, как создать новый шаблон страницы для шаблонов WordPress Cherry Framework .

Войдите в админ панель WordPress.

Откройте меню Страницы -> Добавить новую (Pages -> Add New) и создайте новую страницу с новым шаблоном страницы.

Введите заголовок страницы и сохраните изменения. В правой колонке в панели вы можете выбрать один из используемых в вашей теме шаблонов страницы. Вам необходимо добавить новый шаблон станицы в этот список. Все эти шаблоны находятся в папке на вашем сервере. Но вам необходимо добавить новый шаблон страницы в папку wp-content/themes/theme##### .

Создайте новый.php файл в любом редакторе, например, Dreamweaver или Notepad++, и назовите его, например, new.php . Добавьте в этот файл следующий код:

Сохраните файл и загрузите его в папку wp-content/themes/theme##### на ваш сервер.

Теперь вернитесь к странице, которую вы создали в админ панели WordPress. В панели Атрибуты страницы (Page Attributes) вы можете выбрать новый шаблон страницы под названием “Пользовательский” (“Custom”).

Cнова откройте файл new.php file и начните добавлять свой контент. Файл может содержать все, что вы захотите, включая неизменяемый контент или элементы макета страницы, которые будyт выводить ее контент.

Вы можете использовать элементы кода других шаблонов страницы из папки wp-content/themes/CherryFramework , чтобы создать специфическую страницу.

Давайте сначала добавим хедер и футер в новый шаблон страницы:

Если вы сохраните изменения, то сможете увидеть их на странице:



Теперь необходимо выбрать вид контента, который вы хотите использовать на этой странице. Допустим, у вас нет отдельного шаблона страницы для пользовательских постов “Наша команда” (“Our Team”). И вам нравится дизайн шаблона страницы Отзывов (Testimonials) и вы бы хотели использовать этот дизайн для постов “Наша команда” (“Our Team”). Для этого в меню Дизайн -> Редактор (Appearance -> Editor ) вы легко найдете файл, который содержит код шаблона страницы Отзывов (Testimonials). Его название page-testi.php .



Откройте этот файл для редактирования. Скопируйте только код контента, так как вы уже добавили хедер и футер (ниже приведен пример данного кода, ваш код может выглядеть иначе):

" data-motopress-wrapper-file="page-testi.php" data-motopress-wrapper-type="content">
" data-motopress-type="static" data-motopress-static-file="static/static-title.php">
" id="content" data-motopress-type="loop" data-motopress-loop-file="loop/loop-testi.php">
sidebar" id="sidebar" data-motopress-type="static-sidebar" data-motopress-sidebar-file="sidebar.php">

Вставьте скопированный код в файл new.php. Замените Template Name: Custom на Template Name: Team

И замените page-testi.php на new.php в этом коде.

Данный код также содержит ссылку на файл loop/loop-testi.php . Это еще один файл, который вам необходимо скопировать и редактировать. Скопируйте файл loop-testi.php из папки wp-content/themes/CherryFramework/loop и вставьте его в папку wp-content/themes/theme#####/loop (если в папке вашей темы отсутствует папка loop , вам следует создать ее). Переименуйте этот файл, например, на loop-new.php и откройте его для редактирования. Замените слово “testi” на слово “team” во всех строчках файла и сохраните изменения. (Для замены слов вы можете использовать комбинацию клавиш Control (Command) + F).



Когда файл loop-new.php создан и отредактирован, снова откройте файл new.php и замените loop/loop-testi.php на loop/loop-new.php в его коде. В результате ваш код будет выглядеть следующим образом:

" data-motopress-wrapper-file="new.php" data-motopress-wrapper-type="content">
" data-motopress-type="static" data-motopress-static-file="static/static-title.php">
" id="content" data-motopress-type="loop" data-motopress-loop-file="loop/loop-new.php">
sidebar" id="sidebar" data-motopress-type="static-sidebar" data-motopress-sidebar-file="sidebar.php">

Сохраните изменения и проверьте вашу новую страницу. Теперь она должна содержать пользовательские посты “Наша команда” (“Our Team”) с дизайном страницы Отзывов (Testimonials).

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

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

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

В общем, сегодня я расскажу вам о том, как сделать отдельный шаблон для ваших страниц блога или записей (статей). Если кто-то не понимает о чем это я, то покажу на конкретном примере. Вот сейчас вы читаете эту статью, а вы не заметили, что в начале статьи вы не увидели двух баннеров размера 468×60?

Не увидели баннера 468×60, который расположен в конце статьи. Не увидели виджет комментариев cackle, рекламы Google Adsense... Заметили? А посмотрите на другие статьи моего блога. Там все это есть. .

Как у меня это получилось так сделать? Как вы знаете, за вывод всех статей нашего блога, отвечает файл single.php который лежит в папке с темой wp-contetn/themes. Так вот, чтобы написать новую статью и убрать в ней, что-то, что вам не нужно или наоборот добавить, нужно просто сделать так, чтобы именно эта статья выводилась при помощи другого файла.

Не стандартного single.php, а например single-2436.php или post.php, которые лежат в той же папке с темой вашего блога. Эти файлы должны содержать абсолютно то же самое, что и файл single.php, только естественно вы там что-то убираете или добавляете, как вам надо.

Ну вот у меня например в файле single.php в начале стоят коды, которые отображают во всех записях блога два баннера 468×60. Чтобы сделать так, чтобы в новой статье этих баннеров не было, мне просто надо в новом файле single-2436.php или post.php (смотря какой способ из 2-х мною предложенных вы выберите дальше) убрать эти коды.

Я думаю вы меня понимаете. Собственно вопрос у вас, а зачем вообще создавать другие шаблоны страниц и записей в wordpress? Ну если хорошенько вы подумаете, то поймете зачем. Я сейчас приведу вам лишь один пример.

Ну в принципе я то согласен разместить их баннер, но как это сделать, если у меня все одинаково во всех записях блога. Одинаковый шаблон для всех статей. Поняли о чем я? Я думаю, что я вам даже уже интересную идею закинул в ваш моцк. =)

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

№1 — шаблон single.php плагином Custom Post Template

Вот так это будет выглядеть примерно:

Готово! Теперь когда вы пишите новую статью и вам нужно, чтобы она выводилась именно с этим шаблоном, то просто в самой статье справа выбираете тот шаблон, что создали:

Нужен еще один шаблон записи wordpress, нет проблем. Создаете другой файл, например post2.php так же там меняете код (в начале вставляете код, только уже с post2) как вам надо и при публикации статьи выбираете в Post Template уже post2.php. Элементарно! Редактируя шаблон можно менять все что угодно! Занимайтесь...)))

№2 — шаблон single.php небольшим пуком в functions.php

Шаг №1 — Помещаем в самое начало файла functions.php вот этот код:

/*Определение ID записи*/ function single($template) { global $wp_query, $post; if(file_exists(TEMPLATEPATH . "/single-" . $post->ID . ".php")) { return TEMPLATEPATH . "/single-" . $post->ID . ".php"; } if(file_exists(TEMPLATEPATH . "/single.php")) { return TEMPLATEPATH . "/single.php"; } return $template; } add_filter("single_template", "single");

Шаг №2 — При написании статьи в блог (еще до публикации) вычисляем ее ID. Это не сложно, в строке браузера есть ее номер:

У меня это 7525.

Шаг №3 — Создаем копию файла single.php, только уже называем ее так single-7525.php

Шаг №4 — Опять же в этом новом файле что-то добавляем или убираем как нам надо.

Шаг №5 — Публикуем статью в блог.

После публикации WordPress, за счет того пука, что мы добавили в functions.php поймет, что эту статью надо выводить не single.php, а single-7525.php. Я думаю понятно.

Что лучше плагин или пук?

Теперь не большое заключение. Что лучше плагин или пук в функтионс? Тут все зависит от ваших потребностей. Если вам нужно много шаблонов записей wordpress, то лучше наверное плагин, сами понимаете, что если использовать пук, то вам придется для каждой записи создавать новый файл в папке с темой, а прикол когда их будет 100 или 200.

Если 2-3-5 шаблонов, то можно и пукнуть в функтионс. Ну вот в принципе и все. Я думаю, ни чего сложного. Вроде мелочь, а на самом деле очень классная фишка.

Как сделать шаблон страницы wordpress

Ну тут вообще все просто. Когда-то я про это уже мельком рассказывал в статье про для блога. Схема простая, тут даже не надо ни каких пуков и ни каких плагинов.

За вывод страниц блога у нас отвечает файл page.php который так же лежит в папке с темой вашего блога.

Шаг №1 — делаем копию этого файла в папке с темой

Шаг №2 — переименовываем этот файл например в puk.php

Шаг №3 — Меняем в этом файле все как нам нужно.

Шаг №4 — Добавляем в начало файла puk.php вот такой код:

Шаг №5 — Публикуем новую страницу в блог, только справа выбираем нужный нам шаблон:

Готово! Ну вот вроде бы и все на сегодня. Может быть у кого-то есть какие-то вопросы? По идее все объяснил доступно даже самому самовару. В заключение интересное объявление. Помните в курсе КСБТ 3.0 я говорил про то, что хороший ссылочный профиль — залог успешного продивжения? Так вот совет:

C уважением, Александр Борисов

Типы постов на WordPress являются самым широким полем деятельности для разработчиков. Изначально WordPress включает в себя 5 основных типов постов: запись, страница, вложение, ревизия и навигационное меню.

Записи и страницы являются основными типами постов для размещения контента на сайте. И между ними есть несколько отличий.

Записи , как правило, отображаются в обратном порядке на главной странице блога, а страницы отображаются без даты публикации. Категории и тэги также могут быть привязаны к записям, а к страницам нет (хоть и это можно сделать в настройках).

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

Дизайн страниц так же легко можно изменить, если использовать различные шаблоны страниц. Они позволят изменить стиль любой страницы на вашем сайте.

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

Почему бы не использовать разные шаблоны страниц?

В темах WordPress обычно используется шаблон page.php , который определяет стиль всех страниц сайта. Большинство разработчиков тем создают шаблон начальной страницы по такому же принципу. В этом шаблоне отображается контент страницы и по умолчанию определяется, какие элементы дизайна будут на ней присутствовать (например, шапка, сайдбар, футер, прочее).

По умолчанию шаблон страницы (page.php) настроен таким образом, что весь необходимый контент отображается на странице.

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

Наиболее известный пользовательский шаблон страницы - это Archive (шаблон архивной страницы archive.php ). Он есть во многих темах WordPress и содержит весь контент сайта, который разделен на страницы, категории, тэги, даты архивов, авторские архивы.

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

В темах можно найти и другие типы шаблонов страниц, как например:

• Контактную форму
• Страницы без сайдбара (боковой панели)
• Лендинговую страницу (посадочную страницу)
• Индекс блога

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

Как выбрать шаблон для страницы?

Добавить шаблон для страницы очень просто. В редакторе страницы справа вы увидите окошко (виджет) под названием «Атрибуты страницы ». Оно размещено под окошком «Опубликовать ».

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

Шаблон также можно изменить другим способом - через список всех страниц. Нужно только нажать на «Свойства ».

Затем изменить шаблон в опциях меню справа.

Опции шаблона не будут отображаться, если в вашей теме используется только стандартный шаблон страницы.

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

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

Нужно только использовать код page.php уже существующего шаблона темы в качестве основы для нового шаблона страницы. К примеру, вы используете старую стандартную тему Twenty Twelve . Файл page.php имеет следующий код:

Можно использовать этот код для создания шаблона новой страницы. Для этого нужно только убедиться, что комментарий к коду размещен вверху нового файла. Это определит данный файл как шаблон страницы:

/* Template Name: My Custom Page Template */

Шаблон вашей страницы будет выглядеть следующим образом:

Давайте рассмотрим процесс создания базового шаблона страницы и попробуем создать шаблон страницы в полную ширину без использования сайдбара . Тема Twenty Twelve изначально включает в себя шаблон в полную ширину, но мы сделаем вид, что это не так, потому что нам это нужно для нашего обучения.

В стандартном шаблоне сайдбар страницы отображается с правой стороны:

Стандартный шаблон страницы в теме Twenty Twelve

Создать шаблон новой страницы без сайдбара просто.

Для начала нужно создать новый файл, используя любой текстовый редактор (Блокнот или Notepad++ подойдет). Его можно назвать как-то по-простому, например, nosidebar-page.php или full-page.php (о названиях файлов поговорим немного позже). Затем загрузите файл на ваш сайт таким образом, чтобы он находился рядом с файлом page.php.

По сути, наш шаблон - это шаблон от page.php темы Twenty Twelve, только с удаленным кодом .

Он выглядит так:

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

Но это еще не все. Пока мы только удалили сайдбар. Нам нужно сделать так, чтоб контент размещался по всей ширине страницы . А пока он занимает только две третьих страницы:

Если вы посмотрите на код нашего шаблона, то увидите, что основная часть контента находится под действием определенного класса CSS: