Этот туториал покажет, как создать новый шаблон страницы для шаблонов 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 .
Откройте этот файл для редактирования. Скопируйте только код контента, так как вы уже добавили хедер и футер (ниже приведен пример данного кода, ваш код может выглядеть иначе):
Вставьте скопированный код в файл 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 в его коде. В результате ваш код будет выглядеть следующим образом:
Сохраните изменения и проверьте вашу новую страницу. Теперь она должна содержать пользовательские посты “Наша команда” (“Our Team”) с дизайном страницы Отзывов (Testimonials).
Система WordPress позволяет несложно создать свой шаблон страницы, немного изменив любой из стандартных шаблонов.
Например, сейчас хочу сделать шаблон из трехколоночной темы, в котором останется только один сайдбар – нужно, чтобы сделать широкое текстовое поля для страниц фотоальбомов.
Как сделать отдельный шаблон страницы WordPress
Весь процесс создания специального шаблона для особой страницы сайта заключается в паре действий:
1. Создание php-файла для черновика шаблона на основе стандартного.
2. Настройки шаблона для особого вида страницы сайта на WordPress (можно это сделать на компьютере или прямо в админке сайта).
3. При создании новой страницы или редактировании существующей выбрать для нее полученный шаблон.
Создание php-файла для своего шаблона страницы
Скачать файл page.php из папки установленной на сайте темы. Находится по адресу:
/wp-content/themes/имя_темы/page.php
Открыть, например, в блокноте Notepad++.
В самом начале, перед , вставить код названия нового шаблона страницы:
Template Name: Album |
Настройки своего шаблона страницы для сайта WordPress
Здесь можно редактировать новый шаблон или на компьютере, или в админке. Предпочитаю второй вариант, чтобы сразу смотреть, что получается (хотя, это отмазка – можно смотреть не обязательно на сайте…).
Итак, нужно загрузить файл album.php в ту же папку, где находится стандартная страница page.php своей темы WordPress.
После загрузки файла идем в админке в меню «Внешний вид» - «Редактор» и справа выбираем из шаблонов новый файл.
В окне редактирования можно увидеть код страницы, в начале которой размещен наш код определения названия шаблона страницы «Album».
Осталось только отредактировать шаблон по своему вкусу. Мне, например, нужно убрать правый сайдбар. А потом, правда, мне надо будет добавить новые стили, чтобы центральная колонка сайта стала шире, чем в стандартном шаблоне страницы (на ширину удаленного сайдбара).
Если с сайдбаром всё просто (нужно удалить его код и всё)…
… то со стилями всё немного сложнее. Не буду выдумывать и заморачиваться, создавая новые классы. У меня же будет только несколько страниц – широких – для фотоальбомов, поэтому пропишу стили прямо в файле шаблона новой страницы album.php.
Вот, кстати, что получилось после удаления кода правого сайдбара (место освободилось, но центральное поле не расширилось, потому что имеет фиксированную ширину, width).
В Google Chrome удобно смотреть код элемента страницы, поэтому быстро нахожу, что блок с центральным полем имеет идентификатор postcont (в моем шаблоне). А блок с самим текстом страницы – content.
К ним и нужно добавить новые стили, то есть, только увеличить ширину (размер = ширина страницы – ширина левого сайдбара).
Вот они, родимые, в коде файла своего шаблона страницы album.php:
Мне не понадобилось меня стиль content, потому что для него вообще не указана ширина, он – просто вложенный блок в postcont. !
important
– обязательный параметр в таких случаях, потому что я не смотрел и не знаю, что там в стилях написано, и мои новые стили должны иметь приоритет. В принципе, всё уже готово. Сейчас страница в новом шаблоне у меня выглядит так: Справа текстовое поле «приткнулось» к правой границе растянулось на ширину правого сайдбара. Здесь не очень хорошо видно, потому что остались места под старые, маленькие фото, но когда заменю, добавлю сюда внешний вид. Апдейт от 20.10.14:
добавляю, как и обещал в начале года, скрин страницы с фотографиями. Да, сколько всего произошло с тех пор. 17 февраля — последний мирный день перед последовавшими за ним стремительно разными событиями... И наконец завершающий этап (который я уже немного показывал на скриншотах выше). При создании страницы или редактировании той, которая уже есть на сайте, справа можно выбрать нестандартный шаблон. Выбираем меню «Страницы» и «Добавить новую» или нажимаем на ту, которую нужно поменять. Справа в меню «Шаблон» меняем «Базовый шаблон» на новый «Album» и сохраняем или публикуем страницу. Вот теперь действительно всё! Фото © Nancy L Misiewicz. A Romp in the Woods
Другие интересные записи
Чаще всего страницы в WordPress выглядят одинаково, но иногда возникает необходимость изменить внешний вид и структуру определенной страницы или группы страниц. Это легко сделать с помощью шаблонов страниц в WordPress. Темы для WordPress состоят из нескольких файлов шаблонов, которые используются для вывода главной страницы, записей, архивов, результатов поиска, страниц и прочее. Среди подобных файлов могут находится и шаблоны страниц, которые можно выбирать при публикации страниц в панели администрирования WordPress: Разные темы могут предоставлять разные шаблоны страниц, например шаблон для страницы во всю ширину экрана (без боковой колонки), с левой боковой колонкой вместо правой и прочее. Отсутствие этой опции при редактировании страниц означает, что тема не объявила дополнительные шаблоны. Шаблоны страниц можно использовать более чем для одной страницы, а некоторые темы создают вполне специфические шаблоны, предназначенные для использования всего один раз. Как например шаблон избранного содержимого в стандартной теме Twenty Eleven: Этот шаблон отображает прилепленные записи с их миниатюрами в небольшом слайдере. Страницу с таким шаблоном можно легко использовать вместо главной страницы сайта, изменив настройки в разделе Параметры → Чтение. При использовании дочерней темы вы можете так же размещать шаблоны страниц в корневой директории или субдиректории, а если выйдет обновление для родительской темы, то ваши файлы не пострадают. Если с помощью вашего шаблона вы изменяете лишь стиль, а не структуру определенной страницы, то вы можете это сделать и без использования дополнительных шаблонов. В WordPress есть вспомогательная , которая используется в большинстве существующих тем. С помощью классов выводимых данной функцией, вы можете изменить стиль одной любой страницы :
/* Спрятать боковую колонку на странице 123 */
body.page-id-123 #secondary {
display: none;
}
Шаблоны страниц так же не следует использовать, чтобы изменить параметры основного цикла WordPress, например для добавления произвольного типа записей или исключения категории. Для таких целей есть специальный фильтр . Если у вас возникли вопросы по работе с шаблонами страниц в WordPress, мы будем рады ответить на них в комментариях. Создание страницы на WordPress – это одна из основных действий при разработке сайта. С этим не возникает вопросов у профессионалов, но могут появиться проблемы у новичков, тех, кто совсем недавно открыл для себя эту потрясающую систему управления сайтом. Страница – это одна из основных частей сайта на WordPress. Как сделать страницу, и как её можно использовать, мы вам расскажем в той статье. Для того чтобы сделать страницу на WordPress, необходимо в консоли администратора нажать на пункт меню «Страницы» и выбрать «Добавить новую». Вы попадёте в , который такой же, как и редактора добавления записей. Здесь есть все те функции, а также можно переключать между двумя видами редакторов – текстовый и визуальный. К странице потребуется придумать название и заполнить её содержание. Кроме того, если у вас установлен плагин All in one SEO pack, то страницу можно SEO-оптимизировать. Для этого надо записать заголовок, описание и ключевые слова в соответствующие строки. Так же, как и записи, страницы могут быть опубликованы или сохранены в черновик. Можно настроить дату публикации, и сделать её раньше, если вам нужно опубликовать страницы задним числом, или позже, если вы хотите запланировать публикации в будущем. Почитайте об этом . Аналогично записям, для страницы можно добавить изображение миниатюры. Но в отличие от записей, страницы нельзя причислить к какой-то рубрике или назначить для них метки. Если вы хотите создать иерархию страниц, то можно воспользоваться опциями родительских и дочерних страниц. Страницы могут быть заполнены каким-либо текстом, изображениями или другим контентом. Тогда это будет статичная страница – она не будет изменять произвольно. Страница может также выводить какой-либо HTML код, как это бывает при добавлении формы обратной связи или карты сайта. Это могут быть как динамические, так и статичные страницы, в зависимости от функций кода. На 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
Что такое шаблоны страниц
Как создать собственный шаблон страницы
Когда не следует использовать шаблоны страниц
Как сделать страницу на WordPress
Также, если ваш шаблон на сайте поддерживает различные варианты отображения, то их можно выбрать в WordPress при создании страницы.Что можно делать со страницей на WordPress
Возможно вас заинтересует
Обзор: creative aurvana in-ear3 plus — великолепные арматурные наушники с двойными излучателями Впечатления от прослушивания
Легкая запись образа на флешку
Orange Pi Lite - обзор, установка и настройка операционной системы Распаковываем Orange Pi One
Прошивка или перепрошивка телефона Prestigio MultiPhone