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

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

Например, надо решить следующую задачу:

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

Не очень понятно?

Давайте я попробую нарисовать:

multiedit

При чем, можно создать любое количество страниц-шаблонов и у каждой сделать разный подключаемый вывод дополнительного контента, в любом месте сайта. Главное — немного разбираться в своих файлах активной темы, понимать хотя бы немного PHP+HTML+CSS и вы сможете настолько уникализировать свою тему, что ее даже автор не узнает 🙂

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

Для каких задач это функция может быть очень интересна?

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

tabs-editor

Смотрите: кроме вкладки Main Content есть еще: Bottom, Left, Right. И в каждой вы можете написать свой контент, вывести любую форму, подключить виджеты (я рассказывал о плагине Widget on Page).

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

А как — читайте дальше.

Первое — сначала надо установить бесплатный плагин WordPress под названием Page.ly MultiEdit.

Скачать его можно в официальном репозитории WordPress — http://wordpress.org/plugins/pagely-multiedit/

Советую прочитать еще:  Совет недели: Как сделать сложные страницы шаблонов в WordPress

Второе — вам надо создать страницу-шаблон.

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

< ?php /* Template Name: Custom Page MultiEdit: Left, Right, Bottom */ ?>

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

Третье — определитесь, в каком месте файла вы хотите подключить дополнительный контент:

<div id="subfooter">< ?php multieditDisplay(‘Bottom’); /></div>

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

Четвертое — переходим в редактор страниц, создаем новую страницу, выбираем в атрибутах шаблон страницы: ‘Custom Page’ (создали на шаге два).

multiedit2

Сохраните. У вас появится новая вкладка визуального редактора (смотрите скриншот выше, на котором изображены вкладки редактора). Каждая вклдака создается после того, как вы добавляете в нужном месте код вызова — multieditDisplay — задаете определенное слово для привязки (Left, Right и т.д.).

Примечание:

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

Автор этого замечательного плагина — Joshua Strebel

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

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

0 Comments

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

Ваш email нигде не будет показан. Обязательные поля помечены *