Программирование на Python и Objective-C в Mac OS

Программирование на Python и Objective-C под Mac OS и для iPhone / iPod Touch

Шаблон страницы wordpress: 3 способа создать шаблон страницы в WordPress

Содержание

Шаблоны страниц и типов записей в WordPress

Страницы — это один из типов постов WordPress. По умолчанию все страницы выглядят одинаково, но средствами WordPress вы можете сделать страницы вашего сайта уникальными. Например создать страницу с картой, создать HTML-карту сайта, страницу с формой, лендинги и т.д. Всё это можно реализовать при помощи шаблонов страниц.

Кроме того, с версии WordPress 4.7 шаблоны поддерживаются всеми типами записей!

Также рекомендую мой видеокурс – Как создать тему для WordPress с нуля.

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

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

Для того, чтобы это проверить:

  1. Переходим в Страницы > Добавить новую.
  2. В метабоксе «Атрибуты страницы» выбираем один из шаблонов.

Либо, если у вас используется редактор Gutenberg, то опцию выбора шаблона вы сможете найти в настройках на вкладке «Страница» справа:

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

Опции быстрого (Свойства, Quick Edit) и массового (Bulk Edit) редактирования также имеют возможность задавать шаблоны для страниц.

Нужно нажать ссылку «Свойства»

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

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

Для того, чтобы добавить шаблон страницы WordPress, нужно сделать два шага:

  1. В папке с темой создать какой-нибудь файл, так, чтобы его название не перекликалось с условными названиями файлов темы WordPress. Если не уверены, то придумайте такое название, которое кроме вас больше никому не прийдет в голову 🙂 например misha123.php.Файл шаблона также может располагаться в папке с родительской темой, папке с дочерней темой и, начиная с версии WP 3. 4, в директории темы вы можете создать любую подпапку для шаблонов страниц.
  2. В начале вашего файла нужно обязательно указать название шаблона — после этого WordPress его «увидит»:
/*
Template name: Мой Супер-шаблон
*/

Так тоже норм:

/* Template name: Мой Супер-шаблон */

Далее в шаблоне вы можете использовать абсолютно любой код, не хотите подключать get_header() и get_footer() сайта? — да пожалуйста, можете вообще просто один <iframe> туда засунуть и будет норм.

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

Иерархия и порядок подключения файлов страниц

Кстати я уже писал про иерархию в одном из моих предыдущих постов и записывал видеоурок.

Список ниже показывает приоритет задействования PHP-шаблонов файлов темы для отображения типа записей «Страницы».

  1. custom-template.php (если файл шаблона существует и выставлен для данной страницы в её настройках)
  2. page-{ярлык страницы}.php (если существует)
  3. page-{ID страницы}.php (если существует)
  4. page.php (наиболее распространённое решение практически во всех темах)
  5. singular.php (если page.php не существует)
  6. index.php (используется, если все вышеперечисленные файлы отсутствуют в папке с темой)

Хотите лучше разбираться в иерархии шаблонов WordPress? – Рекомендую видеоурок.

Шаблоны страниц для записей произвольного типа

Шаблоны для постов любого типа появились в версии WordPress 4.7. Мне нравится, как плавно и постепенно WordPress расширяет возможности, внедряя только то, что действительно необходимо 😊 🎉

Шаблон для типов постов (записи тоже сюда относятся) создаётся точно так же, как и для страниц, только помимо параметра Template name:, нам ещё на следующей строке нужно указать параметр Template post type:, в котором можно указать название типа поста, или несколько названий через запятую, например я захочу использовать свой шаблон и для записей и для страниц, в этом случае он будет начинаться так:

/*
 Template name: Отдельный шаблон для записи
 Template post type: post, page
 */

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

А для соответствующего типа записи сразу появится возможность выбора шаблона в «Свойствах записи»:

В меню быстрого редактирования он тоже появится.

Определение используемого шаблона на странице

Окей, допустим вы используете шаблоны страниц и вам в вёрстке или в PHP-коде нужно сделать что-то особенное для этого шаблона. Как будем это делать?

Классы тега <body>

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

Зато эта функция очень удобна, в атрибуте class тега <body> она выведет:

  • тип текущего поста, например page,
  • ID текущего поста, например page-id-{ID},
  • page-template, если используется произвольный шаблон страницы,
  • и… сам используемый шаблон страницы! Если же никакой шаблон не используется (ну я имею используются либо page. php, либо page-{ID}.php, либо page-{ярлык}.php, то будет добавлен класс page-template-default.

Пример:

<body>

Давайте разберёмся, как формируется название класса тега <body> для произвольного шаблона страниц. Предположим мы создали шаблон digital-agency.php и поместили его в папку page-templates в нашей теме, ну типо как page-templates/digital-agency.php. В отдельную директорию шаблон помещать не обязательно, кроме того, это стало возможно начиная с версии WordPress 3.4.

В итоге в классы будут добавлены:

  • page-template – то, что используется произвольный шаблон страницы,
  • page-template-page-templates – page-template-{папка шаблона},
  • page-template-digital-agency – page-template-{название файла},
  • page-template-page-templatesdigital-agency-php – название файла шаблона с расширением и с названием папки, в которой он находится.

Условный тег is_page_template()

Если же мы хотим проверить, используется ли определённый шаблон страницы внутри кода PHP, например у нас общий для всех страниц header.php, то рекомендую использовать функцию is_page_template().

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

if( is_page_template( 'page-templates/digital-agency.php' ) ){
	// да, используется этот шаблон страницы
}

Видеоурок:

Хотите лучше разбираться в шаблонах WordPress? Попробуйте пройти мой видеокурс по созданию шаблона (темы) на основе готовой HTML-вёрстки.

Миша

Недавно я осознал, что моя миссия – способствовать распространению WordPress. Ведь WordPress – это лучший движок для разработки сайтов – как для тех, кто готов использовать заложенную структуру этой CMS, так и для тех, кто предпочитает headless решения.

Сам же я впервые познакомился с WordPress в 2009 году. Организатор WordCamp. Преподаватель в школах Epic Skills и LoftSchool.

Если вам нужна помощь с вашим сайтом или может даже разработка с нуля на WordPress / WooCommerce — пишите. Я и моя команда сделаем вам всё на лучшем уровне.

Как добавить свои Шаблоны Страниц в WordPress?

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

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

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

Шаблоны страниц в WordPress

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

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

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

Согласно иерархии шаблонов для вывода страниц в WordPress по умолчанию используются файлы темы page.php или page-*.php. Если же для текущей страницы установлен свой шаблон, то ядро WordPress будет использовать его.

Шаблоны страниц в темах WordPress это отдельные файлы, которые могут находится как в корневой директории темы, так и в субдиректории. Название файла шаблона может быть любым, но мы советуем избегать зарезервированных префиксов, как например page-*.php и single-*.php, которые могут конфликтовать с другими файлами.

Для простоты рекомендуем использовать префикс template-*.php и/или хранить все шаблоны страниц в субдиректории, например:

  • my-theme/templates/full-width. php
  • my-theme/templates/front-page.php
  • my-theme/templates/left-sidebar.php

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

<?php
/**
 * Template Name: My Custom Template Name
 */

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

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

Дочерние темы

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

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

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

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

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

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

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

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

Шаблон страницы WordPress | WordPress для всех

От автора

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

Шаблон страницы WordPress

В некоторых темах авторы могут включить выбор на страницах сайта различных шаблонов. Один шаблон выбирается, как шаблон по умолчанию или базовый шаблон (default). Так же добавляют (объявляют) шаблоны без виджетов, во всю ширину и смена позиции виджета (вместо позиции «слева», позиция «справа»).

В некоторых темах авторы добавляют до 7-8 собственных шаблонов для страниц.

Если не выбрать шаблон страницы или такого выбора нет, будет использован шаблон автора темы, например, custom.php, если его нет – шаблон файла page. php, если его нет – шаблон файла index.php.

Выбор шаблона страницы в WordPress

  1. Чтобы добавить шаблон страницы WordPress на страницу, отредактируй старую или добавь новую страницу на вкладке «Страницы», расположенного в панели инструментов WordPress.
  2. Найди раздел «Атрибуты страницы». В этом разделе может быть раскрывающейся список доступных шаблонов страниц. Если пользовательских шаблонов нет, списка не будет.

Предварительный просмотр шаблона страницы WordPress

Чтобы проверить, как применённый шаблон меняет внешний вид страницы, после его выбора, используй кнопку «Просмотреть» в блоке «Опубликовать».

Публикация страницы

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

Как включить выбор шаблонов страниц

Чтобы включить выбор шаблонов страниц, нужно:

В текстовом редакторе, типа Notepad++, нужно создать файл под любым названием (для примера: Serov). Расширение файла должно быть php. Файл должен иметь такое содержание:

<?php
/*
Template Name: Serov
*/
?>
<!-- Здесь php/html код нового шаблона -->

Далее, залить этот файл в каталог рабочей темы, например в тему «Twenty Seventeen».

После этого на странице добавления страниц, в разделе «Атрибуты страницы» появится новый шаблон для страницы с именем «Serov». Первый в списке, будет стоять «Базовый шаблон».

Вывод

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

©WPkupi.ru

Еще статьи

Похожие посты:

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

58

IT блог — Создание шаблона страницы для WordPress

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

Большинство тем для WP содержат файл страницы (page.php), который содержит шаблон страницы по умолчанию, используемый на каждой странице, если не указан конкретный тип. Если вам нужна страница с другим макетом или форматом, чем шаблон страницы по умолчанию, необходимо создать собственный тип шаблона. При разработке шаблонов для WP необходимы базовые знания HTML, CSS и PHP. Однако, вы можете воспользоваться готовыми темами WordPress — www.inbenefit.com, если не обладаете нужными навыками.

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

Чтобы создать собственный шаблон, вам понадобится текстовый редактор. Для Windows можно использовать обычный блокнот. В противном случае вам понадобится какая-нибудь простая система редактирования, например FileZilla или Dreamweaver. В любом случае выполните следующие действия:

  1. Откройте текстовый редактор.

  2. Введите следующую строку кода в поле ввода:


    <?php /* Template Name: CustomPage01 */ ?>
    

  3. Это единственная строка, необходимая для файла шаблона. Она информирует WordPress о том, что файл предназначен для шаблона и будет рассматриваться как «CustomPage01». В действительности вы можете придумать любое название. Нам понадобится этот идентификатор позже.

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

  5. Откройте любое приложение для работы FTP. Это может быть FileZilla или любая другая программа. Вам нужно напрямую подключиться к веб-хостингу и получить доступ к корневой папке WordPress.

  6. Перейдите в каталог /wp-content/themes/. Найдите папку темы, которую вы используете и загрузите в нее созданный файл PHP.

  7. Как только загрузка будет завершена, войдите в панель администратора WordPress и создайте новую, или отредактируйте существующую страницу:


  8. Новый шаблон страницы будет доступен в выпадающем списке Template (Шаблон). Используйте этот список, чтобы найти и выбрать созданный шаблон:


  9. Нажмите кнопку Publish (Опубликовать) или Update (Обновить), что сохранить изменения на странице.

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

Подготовка шаблона

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

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

  1. Откройте через FTP папку с темой, которую используете (мы сохранили ранее в нее файл custompage01.php).

  2. Откройте файл page.php для редактирования. Вы можете скачать этот файл напрямую, что может быть лучшим выбором, если вы допустите ошибку при кодировании. Внесение изменений в копию файла более безопасно, чем внесение корректировок на веб-сайт сразу в продуктив.

  3. Когда вы откроете файл page.php, вы увидите заголовок шаблона. В начале файла вы увидите список комментариев, которые нам не нужны. Скопируйте содержимое файла без комментариев и вставьте в файл custompage01.php, как показано на рисунке ниже:


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

  5. Из-за того, что мы скопировали весь код из page.php, ваш настраиваемый шаблон страницы будет выглядеть точно так же, как и остальная часть сайта. Здесь вы можете отредактировать файл custompage01.php с помощью HTML, CSS или PHP, чтобы он был уникальным.

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

Это работает для постов в WordPress?

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

Это повлияет на что-либо еще на сайте WordPress?

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

Есть ли альтернатива для создания макетов без кодирования?

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

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

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

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

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

page-{slug}.php
// or
page-{ID}.php

и поместите это тоже в корневую папку вашей темы. Например, если вы хотите создать пользовательский шаблон страницы как lol , то он должен быть сохранен с использованием имени page-lol.php и в этом файле шаблона поместите это сначала, это будет видно в поле со списком template ( Lol Page )

<?php
/*
Template Name: Lol Page
*/

Моя папка темы twentythirteen

wp-content
    themes
        twentythirteen
        // other files
        page.php
        page-lol.php
        style.css
        // other filse

Скриншот : ( Подробнее читайте на Codex )

Обновление: я не уверен, что вы делаете это правильно, если у вас нет файла style.css , то WordPress не распознает вашу тему, и в вашем файле style.css вы также должны поместить некоторую информацию (заголовок таблицы стилей) (WP нужна эта информация), вот пример ( подробнее читайте на Codex )

/*
Theme Name: Twenty Thirteen
Theme URI: http://wordpress.org/themes/twentythirteen
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: twentythirteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

Кроме того, убедитесь, что вы активировали свою тему из меню admin panel Appearance -> Themes .

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

Автор: Анатолий Черкес /

Дата: Опубликовано: 30 августа 2019 /

Просмотров: 416

Привет уважаемые друзья!

В данной статье поделюсь с Вами знаниями как создать шаблон страницы на WordPress.

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

Как же для темы WordPress сделать свой уникальный шаблон страницы?

А всё очень просто.

Достаточно создать в папке темы свой файлик и в самом начале этого файлика поместить следующий код:

<?php
/*
Template Name: Название шаблона
*/
?>

Соответственно, название шаблона указываем своё.

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

Для тех, кто обновил ВордПресс, как минимум до версии 4.7 есть хорошая новость.

С версии WordPress 4.7. уникальные шаблоны страниц можно указывать так же и для других типов записей: post, product.

Создание уникального шаблона для страниц записей и продуктов

Что бы создать шаблон страницы на WordPress для типов записей отличных от page, например для post и product, то код приведённый выше будет иметь следующий вид:

<?php
/*
Template Name: Название шаблона
Template Post Type: post, product
*/
?>

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

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

Файл исходник можно скачать по ссылке: файл-шаблон страницы WordPress.

С уважением, Анатолий Черкес.

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

Иерархия шаблонов WordPress

Для большинства пользователей WordPress — это черный ящик. Вы помещаете некоторую информацию внутрь и видите полученную страницу веб-сайта. Но как это работает внутри? Вы, вероятно, знаете, что он закодирован, и вы, возможно, даже знаете, что разработчики используют HTML, CSS, PHP и JavaScript для этой цели, но для создания веб-сайта вам нужно знать не только принципы кодирования. Чтобы написать хороший код, который превратится в хороший веб-сайт или тему, вы должны понять, как написанный вами продукт читается и отображается системой. Вот почему я собираюсь рассказать вам о иерархии шаблонов WordPress. 

Что такое иерархия шаблонов WordPress?

Я не знаю, почему вы решили работать именно с WordPress, но совершенно очевидно, что эта CMS очень популярна. Одним из ключей к его популярности является то, что из-за использования тем процесс создания сайта становится очень простым. Каждая тема сайта WordPress — это набор шаблонов страниц. Если говорить простыми словами, эти шаблоны — готовые страницы с дизайном, структурой и функциями. Когда вы, как пользователь, выбираете какую-то тему, WordPress помещает добавленный вами контент (тексты, изображения, видео и т. д.) к шаблону конкретной страницы.

Например, вы пишете пост для своего блога. Вы набрали текст, выбрали изображения, а затем нажали кнопку “Опубликовать”. Когда вы или посетитель вашего сайта открываете этот пост, WordPress выбирает шаблон страницы из папки темы, добавляет свой контент в соответствующие поля и показывает эту композицию.

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

Когда вы пытаетесь открыть какую-то страницу, WordPress начинает искать шаблон, который соответствует этой странице. В WordPress иерархия шаблонов представляет собой набор правил, которые определяют порядок, в котором WordPress ищет информацию. Как говорит Википедия: “иерархия — это расположение элементов, в которых эти элементы представлены как «выше», «ниже», или «на уровне» друг друга”. Таким образом, иерархия шаблонов определяет, какие шаблоны будут первыми в столбце, какие будут во второй позиции и так далее. WordPress проверяет, существует ли первый файл в столбце, затем проверяет второй, третий и продолжает, пока не найдет существующий файл.

Есть четыре файла, которые всегда лежат в нижней части таблицы проверки:

  • index.php
  • header.php
  • footer.php
  • sidebar.php

Но только один из них имеет решающее значение для функционирования сайта. Есть два файла, которые являются обязательными для каждого веб-сайта- index.php и style.css. Это означает, что WordPress всегда будет использовать index.php, если не будет другого файла, который мог бы определить дизайн страницы. И это также означает, что тема, которую вы создаете своими руками, должна иметь index.php. Даже если не будет никакого другого шаблона – без этого ничего не будет работать.

Зачем вам нужно знать иерархию шаблонов WordPress?

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

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

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

Итак, рассмотрим самые основные шаблоны.

Страница архива автора

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

author-{somename}.php. Первый файл, который WordPress будет проверять, будет специализированным файлом авторов. Вместо {somename} будет имя автора. Например- author-kate.php.

author-{id}.php. Тот же подход, что и в предыдущем случае. Вместо {id} в имени файла будет номер. Например – author-42.php.

author.php. Этот шаблон является общим для всех личных страниц авторов.

archive.php. А этот контролирует общий вид архивных страниц.

index.php. Окончательный файл «план Б». Если ничего другого не существует – этот файл будет использован, потому что если у вас нет index.php, у вас, вероятно, вообще нет темы.

Категория архив страниц

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

category-{slug}.php. Если вы хотите, чтобы конкретная категория выглядела иначе, чем другие, вам нужно создать такой файл. Вместо {slug} вы должны поместить заголовок категории. Например- category-science.php.

category-{id}.php. Такая же ситуация здесь, но вместо {id} поставьте номер категории. Например- category-13.php.

category.php. Это вариант для людей, которые не хотят, чтобы категории выглядели по-другому и предпочитают точный вид. Этот файл определяет дизайн всех страниц категорий.

archive.php. Эта страница может выглядеть так же, как и другие страницы архива.

index.php. И еще раз – “план Б”, WordPress будет использовать его, если нет других файлов.

Архив страниц по типам записей

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

archive-{post_type}.php. Если у вас есть сообщение типа “интервью”, название этого файла может выглядеть как архив- archive-interview.php.

archive.php. И если вы хотите, чтобы все страницы выглядели одинаково-WordPress, будет использовать этот файл.

index.php. Это файл WordPress “plan B” по умолчанию.

Архив страниц таксономии

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

taxonomy-{taxonomy}-{term}.php. Например, вы можете иметь таксономию на своем веб-сайте под названием “размер” и определение “большой”. Тогда этот файл будет выглядеть так: taxonomy-size-large.php.

taxonomy-{taxonomy}.php. То же самое, но без каких-либо определений. Если есть таксономия «length», файл будет taxonomy-length.php.

taxonomy.php. Чтобы сделать вещи проще, все таксономии могут использовать этот файл для определения дизайна своих страниц.

archive.php. Или они могут выглядеть так же, как и все архивные страницы.

index.php. Это резервный файл WordPress по умолчанию.

Архив по дате

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

date.php. Нет конкретных шаблонов для месяца или года – просто файл, определяющий внешний вид всех страниц, которые показывают списки сообщений в соответствии с датой.

archive.php. Конечно, они могут иметь значение по умолчанию для всех страниц архива.

index.php. Это резервный файл WordPress по умолчанию.

Страницы архива меток

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

tag-{slug}.php. Представьте, вы используете тег «кошки» в своих статьях в блоге. Тогда файл будет называться tag-cats.php.

tag-{id}.php. Каждый тег будет иметь идентификационный номер, поэтому название файла может выглядеть так-tag-4.php.

tag.php. Все страницы, которые показывают список сообщений с некоторым тегом, могут быть определены с помощью этого файла.

archive.php. Это файл по умолчанию для всех страниц архива.

index.php. Это файл по умолчанию, общий для всех страниц, включенных в иерархию WordPress.

Страница записей

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

Для вложений:

{mime-type}.php. Может быть любой тип mime (и это любой носитель, который вы загружаете). Например, этот файл можно назвать image.php, video.php, pdf.php.

{mime-type}-{subtype}.php. Другими словами, тип Mime — это любой носитель, загружаемый из интернета. Например, это может быть изображение, видео или pdf. Предположим, у вас есть видео mp4 на вашем веб-сайте. Тогда этот файл будет называться video-mp4.php.

{subtype}.php. Если следовать моей мысли, этот файл может иметь название в формате mp4.php.

attachment.php. Все вложения могут выглядеть одинаково, и этот файл определяет этот вид.

Для пользовательских записей:

custom.php. Это не всегда доступно-только если владелец сайта создает специальный пользовательский дизайн для некоторых записей.

single-{posttype}-{slug}.php. Я уже назвала возможные типы записей, чтобы этот файл мог иметь заголовок single-review-science. php.

single-{posttype}.php. И это можно назвать одиночным single-interview.php.

Для записей блога:

custom.php. При активации этот файл также может быть доступен для записей в блоге.

single-post.php. Это значение по умолчанию для файла single posts.

И все они подходят к этим трем файлам:

single.php. Вот файл, который определяет внешний вид всех отдельных записей.

singular.php. Если нет другого файла, эти записи могут быть показаны как отдельная страница.

index.php. Это файл “план B” по умолчанию, который является общим для всей иерархии WordPress.

Front page

Есть три типа главной страницы, которые вы можете выбрать. Первая-пользовательская страница, созданная специально для этой цели. Вторая-одна из страниц сайта. Третье-список постов, которые у вас есть в блоге.

front-page.php. Это файл создан специально для главной страницы.

home.php. Если у вас нет специальной страницы, WordPress проверит этот файл (в случае показа записей на главной) или page.php (в случае отображения одной из страниц на главной).

index.php. Это файл по умолчанию, общий для всех страниц, включенных в иерархию WordPress.

Страница ошибки 404

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

404.php. Это файл по умолчанию для страницы “404”, но вы можете настроить его или заменить своим собственным, оригинальным.

index.php. Это файл “план B” по умолчанию, который является общим для всей иерархии WordPress.

Страница результатов поиска

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

search.php. Файл по умолчанию для страницы результатов поиска в иерархии шаблонов WordPress.

index.php. Это файл по умолчанию, общий для всех страниц, включенных в иерархию WordPress.

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

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

Выбор шаблона страницы

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

Экран редактирования страницы: Вы можете назначить настраиваемый шаблон для любой отдельной страницы, используя раскрывающийся список Шаблон на экране редактирования страницы (часть модуля атрибутов страницы).Вы можете найти настройки на панели инструментов WordPress > Pages . Вы можете создать новую страницу или отредактировать существующую.

  1. Выберите шаблон из списка (например, Моя пользовательская страница ).
  2. Нажмите кнопку Обновить (или Сохранить черновик , если он еще не опубликован).

Экран «Все страницы»: Параметры «Быстрое редактирование» и «Массовое редактирование» на экране «Все страницы» также имеют раскрывающиеся списки «Шаблон».

Список шаблонов будет отображаться, только если:

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

Вы также можете импортировать готовые шаблоны , которые вам нужно только немного настроить, и они готовы к работе.

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

Создание собственного шаблона страницы WordPress

Общие сведения о шаблонах страниц

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

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

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

Комментарий начинается с метки Имя шаблона : после которого записывается имя шаблона. Кроме того, настраиваемый шаблон должен начинаться с открывающего тега PHP

  

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

Кроме того, начиная с обновления WordPress 4.7, вы можете создавать собственные шаблоны для других типов сообщений . Для этого необходимо указать , для какого типа сообщений создается шаблон для . Это делается путем добавления метки Template Post Type : с последующим списком типов сообщений, для которых вы хотите, чтобы этот шаблон был доступен.

Для пояснения, вот пример заголовка шаблона для полноширинного шаблона , взятого из темы Twenty Twenty.Шаблон предназначен как для страниц, так и для сообщений, то есть его можно выбрать в разделе «Атрибуты страницы» на страницах, а также в разделе «Атрибуты публикации» в записях.

 

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

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

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

Однако есть еще кое-что, что мы должны обсудить, прежде чем углубляться в эти примеры. В конце концов, когда вы закончите создание кода, последние шаги включают сохранение файла как.php, а затем загрузите его в нужное место в вашей теме . Как мы упоминали ранее, пользовательские шаблоны страниц не нуждаются в определенном названии, чтобы их можно было интерпретировать как файлы шаблонов. Однако это также означает, что вы не можете называть их , используя какие-либо зарезервированные слова - page, единственное число, индекс - или называть их, используя префикс page - поскольку WordPress будет интерпретировать их как специализированные шаблоны, предназначенные только для одной страницы. Мы предлагаем называть файлы так же, как шаблоны, чтобы вам было легче отслеживать эти файлы.

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

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

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

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

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

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

Шаблоны страниц WP

Я нашел надежный плагин под названием Шаблоны страниц WP. Проще говоря, этот плагин позволяет создавать и добавлять собственные шаблоны страниц на ваш сайт WordPress. Плагин прост в использовании.

Он имеет множество замечательных функций. Некоторые из основных функций включают:

  • Возможность добавления левой боковой панели на страницы
  • Возможность добавления правой боковой панели на страницы
  • Добавление левой и правой боковой панели на страницы
  • Вы можете добавить боковую панель под контентом
  • Добавить боковую панель над содержимым

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

Установка и активация шаблонов WP

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

После того, как плагин будет установлен и активирован, вы увидите ссылку «WP Templates» в левой боковой панели панели администратора WordPress. Идите и нажмите на нее.

Добавление пользовательских шаблонов страниц

Когда вы щелкаете ссылку WP Templates, вы попадаете в краткое изложение плагина.Настроек нет. То есть дополнительной настройки не требуется.

В этом представлении вы можете нажать кнопку «Щелкните здесь», чтобы создать новую страницу. Это просто откроет новую страницу для создания.

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

Щелкните Страницы> Добавить новую, чтобы открыть новую страницу.

Настройте свою страницу так, как вы хотите.Добавьте заголовок, добавьте свой контент и создайте страницу с описанием того, что вы делаете.

Однако теперь вы увидите, что раскрывающийся список справа под названием «Макет страницы» теперь существует.

Просто установите флажок рядом с нужным макетом. Это станет отображаемым макетом настраиваемого шаблона страницы.

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

Настройка виджетов в областях пользовательского шаблона страницы

Чтобы настроить области виджета пользовательского шаблона страницы, щелкните «Внешний вид»> «Виджеты».

Вы увидите, что было добавлено несколько различных областей виджетов. Чтобы настроить их, просто перетащите нужные виджеты и контент в эти конкретные области.

WP Templates Premium

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

Некоторые из основных функций, которые предлагает премиум-версия, включают:

  • Скрыть верхний колонтитул на страницах
  • Скрыть нижний колонтитул на страницах
  • Используйте Live Page Builder для создания потрясающих шаблонов
  • Создавайте свои собственные шаблоны быстро
  • Создавайте шаблоны с несколько столбцов и содержимое
  • Создавайте страницы с помощью слайдеров, форм, виджетов и т. д.
  • Создавайте и создавайте страницы быстрее с помощью Drag and Drop Builder
  • Создание целевых страниц и страниц продаж
  • Используйте лучший Live Page Builder для WordPress
  • Скрыть верхний и нижний колонтитулы для целевых страниц
  • Скрыть верхний и нижний колонтитулы для продуктов WooCommerce
  • Создать полноразмерные сообщения
  • Создать полноразмерные продукты WooCommerce

Премиум-версия также связана с конструктором страниц Elementor WordPress.

Последние мысли

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

Если в вашей теме WordPress нет настраиваемого шаблона страницы, который вы хотите, попробуйте этот процесс.

Создавали ли вы собственные шаблоны страниц с помощью кода раньше? Вы обнаружили, что использование плагина упрощает процесс?

Автор: Джереми Холкомб

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

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

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

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

Мы будем работать с PHP и FTP, поэтому некоторые базовые знания о кодировании и загрузке файлов сайтов будут полезны. (Настройка шаблона также потребует работы с CSS, PHP и некоторым количеством HTML.)

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

Что может сделать для вас настраиваемая страница

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

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

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

Для создания пользовательского шаблона мы воспользуемся текстовым редактором.

Если вы пользователь Windows, текстовый редактор Блокнота уже есть на вашем компьютере. Но любой текстовый редактор или редактор веб-сайтов (DreamWeaver, CoffeCup, Notepad ++, Atom Text, TextPad и т. Д.) Выполнит свою работу.

Для этого урока я использую редактор Sublime. Интерфейс вашего редактора, скорее всего, будет выглядеть немного иначе.

Шаг 1

Откройте текстовый редактор. На пустой странице введите эту строку кода:

  

Код сообщает WordPress, что это шаблон, и будет отображаться как MyPageTemplate .Вы можете использовать любое имя, какое захотите. Просто убедитесь, что это то, что вы узнаете позже.

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

Оставьте только что созданную страницу открытой в редакторе. Мы к этому вернемся.

Step 2

Теперь мы собираемся загрузить файл на наш веб-сайт WordPress, поэтому вам понадобится программа FTP.Если вы еще не используете программу FTP, попробуйте FileZilla. Смешное название, отличная программа FTP.

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

Итак, откройте свою программу FTP. Мы собираемся подключиться к нашему «корневому» каталогу WordPress. (Вы также можете увидеть каталоги, называемые папками .)

Моя установка WordPress называется «демонстрационной», поэтому мой корневой каталог WordPress выглядит следующим образом:

Вы можете увидеть файлы WordPress и три «wp- Каталоги.

Щелкните каталог / wp-content.

Затем щелкните в каталоге / themes.

В каталоге / themes вы увидите установленные на данный момент темы WordPress.

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

Загрузите файл PHP пользовательской темы в каталог темы.

Теперь вы видите файл MyPageTemplate.php в корневом каталоге двадцать девятнадцать.

Через минуту мы снова воспользуемся программой FTP, поэтому пока не закрывайте ее.

Шаг 3

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

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

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

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

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

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

Шаг 4

Вернитесь в свою программу FTP.

В корневом каталоге темы, куда мы загрузили файл нашей пользовательской темы, найдите файл с именем page.php.

Загрузите его на свой компьютер.

Теперь откройте его в текстовом редакторе или редакторе веб-сайта.

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

Наш настраиваемый шаблон теперь выглядит так:

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

Мы вырезаем раздел, который начинается с / * и заканчивается * / - это выглядит так:

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

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

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

Взять свой собственный шаблон WordPress отсюда

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

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

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

Это небольшое редактирование дает страницам, использующим шаблон, изображение заголовка.

Выбор настраиваемого шаблона страницы зависит от вашего собственного творчества.

Работает ли этот метод и для сообщений WordPress?

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

Могут ли ошибки или ошибки в шаблоне настраиваемой страницы сломать ваш сайт?

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

Альтернативы нестандартного макета без кодирования

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

Также можно создать собственный макет с помощью компоновщика страниц. Page Builder от SiteOrigin дает вам возможность создавать уникальный дизайн, используя виджеты в содержимом.

Любой плагин является приемлемым вариантом. И есть много других конструкторов страниц, которые вы можете попробовать.Но то, как мы это сделали в этой статье, - это самый легкий вариант . Он не требует никаких дополнительных ресурсов, в то время как многие (большинство) плагины используют ресурсы памяти.

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

Как вы думаете, вы будете использовать настраиваемые страницы на своем сайте WordPress? Есть ли сайты, которые вы посещаете, чтобы изучить HTML или PHP? Дай мне знать в комментариях.

Автор: Майкл Филлипс

Майкл Филлипс - ветеран индустрии веб-хостинга, помогающий людям максимально эффективно использовать свое присутствие в Интернете с 1995 года.

Создание пользовательских шаблонов страниц в WordPress

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

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

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

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

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

Twenty Fourteen имеет шаблон страницы для участников.

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

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

Темы

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

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

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

Если вы изменяете стороннюю тему, вам действительно следует использовать дочернюю тему. Если вы не знаете, как ее создать, прочитайте замечательную статью Рэлин Уилсон «Как создать дочернюю тему WordPress».

Файлы шаблонов страниц могут находиться в подкаталоге - это мой любимый метод. Обычно я создаю каталог templates и храню их там.

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

Наш настраиваемый шаблон, показанный в админке.

Обратите внимание, что «Hello There» - это все, что видно; с шаблонами страниц вы сами.Вы должны вызвать заголовок, нижний колонтитул и другие элементы страницы, если они вам нужны.

Давайте создадим базовый шаблон страницы, который будет сливаться с Twenty Fourteen:

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

Если в вашей теме нет файлов шаблонов, вы можете попробовать скопировать index.php и удалив цикл в качестве отправной точки.

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

Иметь шаблон страницы - это хорошо, но мы действительно должны добавить в него что-нибудь полезное. С этого момента это полностью зависит от вас, если вы можете кодировать его на PHP / HTML, вы можете его использовать.

Вот несколько идей, которые помогут вам начать работу:

  • Пользовательская страница контактов с Google Maps и контактная форма
  • Страница со списком новейших сообщений из каждой категории
  • Страница архива со списком пяти новых сообщений и сообщений категорий из трех ваших основных категорий
  • Страница карты сайта со всем вашим контентом (сообщениями и страницами)
  • Страница со списком недавно загруженных изображений
  • Список сообщений, отсортированный по количеству комментариев
  • Список сообщений, в котором отображаются сообщения, отсортированные по времени последнего обновления
  • Список авторов и их три самых популярных сообщения
  • Специально разработанная страница для вашего портфолио

Вот как вы можете перечислить сообщения в алфавитном порядке с помощью шаблона страницы в Twenty Fourteen:

Опять жульничество! Я вошел в индекс .php в Twenty Fourteen и скопировал весь цикл. Мне нужно было создать новый объект запроса, поэтому я создал переменную $ custom_posts и использовал ее на протяжении всего цикла.

Добавление опций

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

Один из моих любимых плагинов Advanced Custom Fields может сделать за нас тяжелую работу.

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

Сначала установите расширенные настраиваемые поля. Затем создайте шаблон страницы, используя код из нашего предыдущего примера, приведенного выше. Убедитесь, что имя шаблона - «Пользовательский список сообщений», чтобы вы могли использовать наш пример импорта ниже.

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

Я создал заказ, и заказ, установив. Это будет импортировано в ваши настройки ACF.

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

Наши новые настройки для конкретных шаблонов

Все, что вам нужно знать, это ключ заказа, задав значение order_by , ключ для настроек заказа - order (никаких сюрпризов).Мы можем получить значение этих полей с помощью функции get_field () , предоставляемой ACF. Все, что нам нужно сделать, это заменить выбранные пользователем значения в наш объект WP_Query из предыдущего:

Создание шаблонов страниц с помощью CustomPress

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

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

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

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

Вы можете подписаться на бесплатную 14-дневную пробную версию и загрузить CustomPress. Даже если вы отмените, CustomPress будет вашим, и вы сможете продолжать его использовать. Если вы хотите, вы можете продолжить свое членство и получать будущие обновления, экспертную поддержку премиум-класса, все другие наши более 100 плагинов и курсы WordPress в нашей Академии.удаленное управление сайтом с помощью Hub, где вы можете

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

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

Начало работы

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

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

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

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

  • Нужны ли вам пользовательские категории или теги
  • Необходимые настраиваемые поля
  • Если вы хотите, чтобы шаблон страницы был общедоступным или частным
  • Имя, которое вы хотите использовать для шаблона страницы
  • Нужны ли вам определенные возможности типа поста
  • Если у вас есть сеть с несколькими сайтами, хотите ли вы, чтобы дочерние сайты создавали свои собственные шаблоны страниц?

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

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

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

Настройки шаблона страницы

Перейдите к CustomPress> Content Types и нажмите кнопку Add Post Type на вкладке по умолчанию Post Types .

Нажмите кнопку Добавить тип сообщения , чтобы начать.

На первой панели под названием Тип сообщения введите имя в поле, которое вы хотите использовать во внутреннем коде.Имя, которое вы выбираете, должно состоять максимум из 20 символов, минимум из двух букв, и все буквы также должны быть строчными.

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

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

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

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

В разделе Capability Type установите флажок edit и введите page в поле над ним, заменив post .

Отредактируйте Capability Type на страницу , чтобы добавить новый шаблон страницы.

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

Вы также можете настроить имена для ссылок, которые перечислены на вкладке, например, для ссылок New Page и View Pages .

Введите понятные имена для шаблона страницы и ссылок на него.

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

Добавление настраиваемых полей

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

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

Введите параметры для вашего настраиваемого поля, например его имя.

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

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

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

Выберите тип поля, которое вы хотите создать.

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

  • Текстовое поле
  • Многострочное текстовое поле
  • Радиокнопки
  • Флажки
  • Выпадающий ящик
  • Коробка с множественным выбором
  • Выбор даты
  • Загрузить

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

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

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

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

Новое настраиваемое поле появится в редакторе для созданного шаблона страницы.

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

Встраивание настраиваемого поля

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

Вы можете найти нужный код, перейдя на CustomPress> Content Types> Custom Fields tab и наведя курсор на заголовок настраиваемого поля. Щелкните ссылку Встроить код .

Вы можете найти код для вставки вашего настраиваемого поля в настройках.

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

Код PHP можно использовать в шаблоне страницы, созданном CustomPress.Вы должны найти этот файл в каталоге /wp-content/themes/your-theme/single-{post_name}.php . Вместо {post_name} вы должны увидеть фактическое системное имя, которое вы выбрали для своего шаблона страницы. В моем случае это было продуктов , поэтому мое имя файла было бы single-products.php .

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

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

Настройка полей с помощью CSS

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

Чтобы настроить поля с помощью CSS, необходимо использовать сгенерированный код внедрения PHP. Затем оберните код в пользовательские теги

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

Получение помощи

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

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

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

Подведение итогов

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

Будьте осторожны - большая сила влечет за собой большую ответственность! Добавление 100 параметров в шаблоны страниц только потому, что вы можете, - это не путь вперед.

Обязательно используйте эти знания с умом и создайте что-то действительно полезное для своих клиентов и для себя.