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

Типы постов  /  10 комментариев

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

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

Подробное видеоруководство о том, в каких ситуациях какие PHP-шаблоны из темы WordPress задействует.

Добавить шаблон для страницы WordPress можно при её редактировании

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Список ниже показывает приоритет задействования 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 мы также легко можем создать шаблон записи (любого типа кстати).

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

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

Если у вас уже был какой-то шаблон для страниц и он уже использовался на сайте, то, после того, как вы захотите использовать его как шаблон записи WordPress и добавите туда параметр 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()

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

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

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

Видеоурок:

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

Миша

Впервые познакомился с WordPress в 2009 году. Организатор и спикер на конференциях WordCamp. Преподаватель в школе Нетология.

Пишите, если нужна помощь с сайтом или разработка с нуля.

Создание шаблона страницы для 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 (и зачем) • WPShout

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

Когда вы говорите «Шаблон пользовательской страницы темы WordPress», что вы имеете в виду?

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

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

Как это вписывается в иерархию шаблонов?

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

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

Повторим, что если выбран настраиваемый шаблон страницы, будет использоваться этот файл «шаблона». Полная остановка, не исключение. Если нет, то иерархия шаблонов WordPress будет искать несколько иной способ, которым кто-то мог попытаться стилизовать конкретную страницу — с помощью page-123.php или page-custom-template-utilizer.php 9.файл 0028. (Разница между шаблоном Custom и шаблоном со структурой page-$id или page-$slug заключается только во взаимодействии и интерфейсе.) Если ни один из них не будет найден, WordPress вернется к странице . php , если он существует, а если нет, то мы придем к окончательному резервному варианту, index.php .

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

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

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

Что вы сделаете, так это добавите в свою тему (и это действительно должна быть дочерняя тема, если нет очень сильного ограничения, делающего это невозможным для вас) файл с именем вроде my-template. php или на самом деле -cool-awesome.php . На самом деле это не имеет значения, пока вы на самом деле не используете имя, которое является частью иерархии шаблонов, вы в золоте. (Что означает: не использовать имя вроде page-whatever.php . Как мы уже упоминали выше, иерархия шаблонов WordPress считает, что ей принадлежит файл с таким именем.)

После того, как вы получили файл ( cool-page-template.php , как вам угодно), вы должны запустить его следующим образом:

 
Это мой пользовательский шаблон.
 

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

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

, тегов

и, возможно, (если вам интересно 🤪) немного PHP для выполнения пользовательского поведения, которое вы хотите показать.

Почему ваш пользовательский шаблон страницы WordPress не отображается

Я (не раз) сталкивался с тем, что мой новый шаблон страницы WordPress не отображается. Безусловно, наиболее распространенная причина заключается в том, что я опечатался (или неправильно запомнил), как должен выглядеть комментарий в заголовке файла. Он должен быть помечен точным правильным названием. Таким образом, Имя шаблона: Узкая страница идеально подходит, но WordPress никогда не найдет что-то, что вместо этого имеет заголовок Шаблон: Пользовательский .

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

• Вы поместили файл в неправильное место (он должен быть в вашей текущей запущенной теме или в ее родительском элементе)
• Вы предоставили своему шаблону файл который начинается с страницы-. Из-за особенности тем WordPress пользовательские шаблоны страниц, начинающиеся с page-, вместо этого обрабатываются как страница иерархии шаблонов.
• В вашей теме отсутствует один из двух требуемых файлов, поэтому она не работает. (Темы WordPress *должны* иметь файл index.php и style.css .)
• С этим была проблема еще во времена WordPress 4.9 (несколько лет назад) Пользовательские типы записей WordPress, отличные от «Страницы»

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

  Для этого вы добавляете еще одну строку в «заголовок файла». Это будет выглядеть примерно так:

   
   Как вы, вероятно, догадались, этот новый заголовок  Template Post Type:  предваряет имя «кодового уровня» для (настраиваемых) типов сообщений. Вы заметите, что в приведенном выше примере мы перечисляем тип контента  page , с которым поставляется WordPress, а также  пост  один. Кроме того, мы поддерживаем третий «настраиваемый тип сообщений» под названием  event .
   Отличная причина для использования пользовательских шаблонов страниц 
   Теперь, если вы делали это раньше, вы заметите, что страница выше не будет иметь стилей и будет очень-очень мало похожа на остальную часть вашего сайта WordPress (если только вы не самая простая тема, которую только можно вообразить). Это потому, что в нашем файле есть одна простая вещь, и ему не хватает функциональности, характерной для всех других страниц темы. у него нет  get_header()  ,  get_footer()  , или The Loop, вызывает то же самое, что и все остальные файлы вашей темы.
   Иногда вам нужна страница, которая не очень похожа на остальную часть вашего сайта, но все же является частью вашего опыта управления WordPress. Эти пользовательские шаблоны идеально подходят для этого.
   Но это также иллюстрирует одну из великих возможностей пользовательских шаблонов, подобных этим: иногда вам нужна страница, которая не очень похожа на остальную часть вашего сайта, но все же является частью вашего опыта управления WordPress. Эти пользовательские шаблоны идеально подходят для этого. Хотя вы видите, что они также используются для страниц архивов или (реже) страниц контактов, эта возможность часто упускается из виду.
   И, наконец, несколько практических советов о шаблонах страниц 
   Когда вы хотите создать страницу, которая выглядит точно так же, как другие ваши страницы (но немного отличается), я бы начал с  копирования существующего файла из вашей темы, возможно  page. php  .  Просто потому, что большинству из нас проще что-то изменить, чем строить с нуля. Пример кода придает вашему шаблону страницы ощущение «пустой белой страницы», где вы, вероятно, хотите добавить или удалить некоторые конкретные детали из существующих  page.php  шаблон. Например, удаление боковой панели или нижнего колонтитула — это   очень     частая причина, по которой люди создают «настраиваемый шаблон страницы» в WordPress.
   Как мы уже говорили, если вы продублируете файл  page.php  вашей темы, чтобы начать создавать собственный шаблон страницы, вам необходимо убедиться, что вы добавили «заголовок пользовательского шаблона страницы», который мы получили выше. Опять же, это «волшебная» страница, благодаря которой эти шаблоны просто работают. А теперь займитесь созданием крутых страниц!
   Изображение предоставлено: Infrogmation
   Как создавать шаблоны страниц WordPress с помощью полного редактирования сайта — Go WordPress 
   Когда вы создаете шаблоны страниц WordPress, вы можете легко настроить свой веб-сайт. Вместо того, чтобы тратить массу времени на создание каждой отдельной страницы, вы можете создать несколько базовых дизайнов и просто переключать контент.
   Полнофункциональное редактирование сайта WordPress упрощает разработку шаблонов страниц без особых технических знаний. С помощью редактора сайта вы можете настраивать новые шаблоны и даже создавать части шаблонов, не касаясь кода. Таким образом, вы можете изменить свой сайт в соответствии с вашими конкретными потребностями.
   В этом посте мы объясним, что такое шаблоны страниц и как они могут помочь вашему веб-сайту WordPress. Затем мы покажем вам, как создавать их с помощью полного редактирования сайта.
   Введение в полное редактирование сайта WordPress 
   Возможно, вы уже знаете, что можете использовать темы WordPress для изменения внешнего вида вашего сайта. Коллекция настроек дизайна и кода составляют каждую отдельную тему.
   Вы также можете быть знакомы с блоками, которые представляют собой отдельные элементы – например, заголовки, изображения, абзацы и столбцы, – которые можно использовать для оформления всего веб-сайта, от страниц и сообщений до верхних и нижних колонтитулов.
   Хотя темы WordPress очень универсальны, иногда вам может понадобиться выйти за рамки встроенных настроек дизайна. Отличный способ сделать это — изменить шаблоны страниц вашей темы. Вы можете сделать это в рамках полного редактирования сайта с помощью инструмента под названием «Редактор сайта».
   С помощью шаблона страницы можно создать новый макет с уникальным дизайном, который можно применить к одной странице или группе страниц. Единственным ограничением для шаблонов страниц является ваше воображение. Если вам нужен новый макет для ваших страниц услуг, вы хотите изменить внешний вид всех ваших сообщений в блоге или вам нужна настраиваемая целевая страница, шаблон страницы может помочь воплотить ваши идеи в жизнь.
   Кроме того, после разработки шаблона страницы для вашего веб-сайта вы можете повторно использовать его в любое время. Это может сэкономить время при создании нового контента. Вместо того, чтобы создавать каждую страницу с нуля, вы можете выбрать шаблон, чтобы мгновенно использовать макет.
   Помните: шаблон страницы можно использовать для любого количества страниц. Это не сама страница. Это дизайн и макет, которые отображают содержимое страницы определенным образом. Если шаблон был назначен нескольким страницам, то при редактировании шаблона изменения будут применены ко всем страницам, использующим этот шаблон.
   Как создавать шаблоны страниц WordPress 
   Теперь, когда вы знаете о шаблонах страниц и их преимуществах, вы, вероятно, захотите начать создавать их для своего веб-сайта! В этом руководстве мы покажем вам, как это сделать в WordPress с помощью полнофункционального редактора сайта.
   В следующих разделах вы узнаете, как:
   Добавить новый шаблон страницы в тему блока.
   Используйте блоки и шаблоны для создания желаемого дизайна и макета без необходимости кодирования.
   Используйте те же методы для создания частей шаблона, таких как верхние и нижние колонтитулы, а затем вставляйте их в шаблоны страниц.
   С легкостью примените новый шаблон к любой странице вашего сайта.
   Шаг 1. Добавьте новый шаблон страницы в редактор сообщений 
   Во-первых, вам нужно убедиться, что вы используете блочную тему, что позволит вам получить доступ к редактору шаблонов. Обратите внимание, что изменение темы повлияет на дизайн и макет вашего текущего сайта.
   Чтобы загрузить тему блока, откройте панель управления WordPress. Перейти к  Внешний вид → Темы  . Здесь вы увидите список всех тем, которые вы установили на свой сайт.
   Затем нажмите  Добавить новый  . В верхней части этой страницы выберите  Feature Filter  .
   В списке тегов функций установите флажок рядом с  Полное редактирование сайта  . После этого нажмите  Применить фильтры  . Это отобразит список бесплатных тем блока.
   Как только вы найдете понравившуюся тему, просто установите и активируйте ее. Затем добавьте новый пост или страницу. Теперь найдите  Раздел Template  в вашем редакторе. Он должен быть внизу правой боковой панели.
   Чтобы создать новый шаблон, нажмите  New  под раскрывающимся меню. Затем во всплывающем окне назовите шаблон.
   После выбора  Create  откроется Редактор шаблонов. Подобно тому, как вы создаете пост или страницу, вы можете создать шаблон с помощью блоков.
   Вы также можете просмотреть библиотеку шаблонов и вставить готовый макет. Если вы создаете фотогалерею, вы можете выбрать один из шаблонов Галереи.
   Когда вы закончите разработку макета страницы, нажмите  Опубликовать  .
   Если вас устраивают эти изменения, выберите  Сохранить  . Теперь вы создали свой первый шаблон страницы!
   Шаг 2.
   Настройка шаблонов страниц в редакторе сайта
   Теперь вы готовы настроить шаблон! Если вам удобнее использовать Редактор сообщений и страниц, вы можете использовать его для создания и редактирования шаблонов страниц. Но если вы готовы попробовать что-то новое, более простая альтернатива — отредактировать эти шаблоны в Редакторе сайта.
   Перейти к  Внешний вид → Редактор (бета)  . Это автоматически откроет шаблон домашней страницы.
   Затем нажмите на логотип WordPress в верхнем левом углу. Затем найдите  шаблонов  .
   Если вы выполнили первый шаг в нашем руководстве, когда вы откроете страницу  Шаблоны , вы увидите тот, который вы только что создали. В зависимости от вашей темы также будет список некоторых шаблонов по умолчанию.
   Выберите шаблон, который вы хотите изменить. Затем вы можете добавлять блоки или узоры в любом месте страницы.
   Возможно, вы захотите вставить некоторые основные блоки, такие как абзацы, списки, заголовки или изображения. Вы также можете выбрать  Просмотреть все , а затем прокрутить вниз до раздела  Тема .
   С помощью тематических блоков вы можете добавлять полезные функции, такие как логотип сайта, избранное изображение или блок навигации.
   Нажав на  Представление списка  , вы увидите структуру вашего шаблона страницы. Вы даже можете перетаскивать блоки, чтобы изменить их порядок.
   После добавления всех необходимых вам блоков вы можете щелкнуть по каждому из них, чтобы настроить его параметры. Вы можете настроить цвет, размер текста, выравнивание и многое другое.
   Какие бы изменения вы ни вносили, вы можете посмотреть, как они будут выглядеть в интерфейсе. Когда вы будете довольны своим шаблоном, просто нажмите  Сохранить  .
   Шаг 3: Создание частей шаблона 
   При просмотре редактора сайта вы можете заметить раздел с пометкой  Части шаблона  . По сути, части шаблона — это более мелкие структурные единицы в шаблоне страницы.
   Если вы хотите отобразить часть контента на нескольких страницах вашего веб-сайта, вы можете рассмотреть возможность создания частей шаблона. Обычно они используются для верхних и нижних колонтитулов, но вы также можете создать призыв к действию, логотип или раздел рекомендуемых сообщений. Практически любой набор блоков в шаблоне можно превратить в повторно используемую часть.
   Чтобы создать новую часть шаблона, откройте Редактор сайта. Затем на левой панели найдите  частей шаблона .
   Ваша тема блока, скорее всего, будет иметь набор частей шаблона по умолчанию, которые вы можете использовать. Вы можете либо выбрать одну из этих существующих частей, либо нажать  Добавить новую . При создании пользовательской части шаблона дайте ей имя и выберите область  , в которой она будет находиться. Затем нажмите  Create  .
   Теперь вы можете добавить столько блоков и узоров, сколько захотите. Это будет зависеть от того, как вы планируете использовать часть шаблона. Например, если вы хотите повторно использовать часть «Избранные сообщения», вы можете вставить  Похожие сообщения  шаблон.
   После настройки части шаблона нажмите  Сохранить  . Чтобы еще больше ускорить рабочий процесс, теперь вы можете добавить эту часть шаблона в один из ваших шаблонов страниц.
   Для этого откройте шаблон и вставьте блок Template Part.
   Имейте в виду, что вы также можете использовать параметр  Начать пустой , но мы выберем  Выберите , чтобы мы могли опробовать нашу новую часть шаблона. Затем выберите часть шаблона из списка вариантов.
   Это автоматически вставит часть шаблона. Вы можете повторить этот процесс для любого из ваших шаблонов страниц.
   Если вы довольны тем, как выглядит ваш шаблон, выберите  Сохранить  .
   Использование шаблонов страниц WordPress для индивидуального веб-дизайна 
   После создания шаблонов страниц и частей шаблонов WordPress их можно повторно использовать для мгновенной реализации определенных дизайнов.
  This entry was posted in Популярное