Виджет вывода отдельной страницы для WordPress

Здравствуйте. Этой записью продолжается цикл статей посвященный web-разработке по направлению создание сайтов на CMS WordPress.

 

Введение:

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

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

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

 

Задача:

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

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

Сделаем возможность выбора тэга для заголовка ( header или какой-нибудь h2-h3 для сео ), изменения текста заголовка, а также выбора что выводить — цитату или весь контент.

 

Описание.

Что дано:

  1. Оформление — разметка нашего макета.
  2. Тема-шаблон WordPress для нашего сайта.

Что делаем:

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

Определяем следующие поля ввода: id записи (текстовое), текст вместо заголовка (текстовое), тэг заголовка (список выбора), цитата или контент (список выбора). Далее с помощью нескольких условных операторов обрабатываем полученные из настроек данные, и выводим их вместе с разметкой в коде ф-и function widget().

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

 

 

Применение:

разработка индивидуальных тем оформления для WordPress.

Яндекс.Метрика