Как вывести содержание страницы wordpress. Использование условных тегов в стандартных шаблонах. Использование произвольных шаблонов для отображения вставленных страниц

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

Другое. Здесь настраиваем, как открывать элемент, при нажатии на заголовок, миниатюру или кнопку далее: в новой или текущей вкладке.

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

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


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

Он позволяет настраивать отображение записей на главной и других страницах блога без каких-то специализированных знаний в программировании — скачать его можно отсюда . Название на странице репозитория какое-то слишком длинное «Query posts by category… and display posts on page in grid layout without coding — Content Views» , если устанавливаете через админку вордпресс, попробуйте поискать по ключу Content Views. Требуемая версия WP выше 3.3 и до 4.2.2 (на момент написания поста), скачали модуль более 10тыс. раз, рейтинг практически максимальный!

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

  • отображать на главной посты по категориям в адаптивном дизайне;
  • выводить записи блога в 2/3 колонки;
  • выводить посты в нужном формате на определенной странице;
  • выводить заметки по нужному тегу или автору;
  • для отображаемых записей выбрать сортировку по заголовку или дате;
  • заменить стандартную навигацию на более красивую;
  • отображать в анонсах постов миниатюры разных размеров.

В принципе, вы могли бы настроить вывод последних постов по категории , о котором я когда упоминал (через WP_Query). Но не каждый пользователь в этом разберется, а плагин Content Views значительно упрощает задачу. Рассмотрим детальнее работу с модулем.

После установки в админке появится раздел плагина Content View Settings . Для создания нового элемента вывода постов кликаем по ссылке «Add New».

Здесь задача делится на 2 составляющих:

  • Filter Settings — задание параметров выборки записей;
  • Display Settings — формат отображения постов.

На первом шаге вы определяете тип записи — страница или пост. Можно при этом включить в список или исключить из него конкретные ID. Параметр Limit определяет число элементов.

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

Кроме параметра Taxonomies есть:

  • Status — статус отображаемых записей. Внимание! Если вы хотите показывать только опубликованные посты, то также задайте этот параметр (значение Publish).
  • Order & Orderby — варианты сортировки.
  • Search — отображение записей по поисковой фразе.
  • Author — выборка по конкретному автору.

Вкладка Display Settings содержит настройки по внешнему виду блока:

Здесь есть три формата отображения: сетка (Grid), раскрывающийся список (Collapsible List), блоки с перелистыванием (Scrollable List). Для «сетки» можно выбрать число элементов в столбце и/или 2 колонки при отображении. Также отмечаете поля, которые требуется выводить у каждого элемента: дата, заголовок, текст, миниатюра. Можно выбрать открытие ссылки в новом окне.

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

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

Напоследок хочется сказать, что у плагина есть Pro версия, которая обладает чуть большим числом опций и настроек. Стоимость ее 29 долларов за 1 или 89 за 5 сайтов. Тут добавляется 2 дополнительных варианта отображения Pinterest, Timeline, идет полная замена отображения последних постов в архивах категорий, тегов, авторов, появляется поддержка WooCommerce, добавляется механизм Drag & drop, а также много разных параметров для внешнего вида блоков. В принципе, бесплатной версии для решения задачи оригинального оформления главной страницы WordPress сайта мне хватило.

Разбираем и наполняем файл index php WordPress, знакомимся с некоторыми функциями и переносим часть HTML шаблона в файл index.php WordPress

В прошлой статье мы перенесли часть дизайна из статического HTML файла в WordPress шаблон, тем самым наполнив файл header.php. Теперь пришла пора разобрать содержимое стандартного файла index.php WordPress и перенести еще часть верстки из HTML в WP.

Содержимое стандартного файла index php WordPress

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

Стандартный файл index php WordPress из темы Twenty Twelve 1.8

Его мы возьмем за основу index.php нашей темы Start WP.

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

Подключает файл header.php в index.php, тем самым соединяя нашу заготовку в одно целое.

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

Если есть что выводить, запускается цикл

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

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

/* Start the Loop */ — Просто комментарий, разработчики темы пометили начало цикла. И переводится соответственно как «начало цикла».

while (have_posts()) : the_post(); — Начало цикла

get_template_part("content", get_post_format()); — Выводится содержимое страницы content.php , другими словами содержимое цикла (в дальнейшем мы познакомимся с этим содержимым).

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

Функция постраничной навигации.

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

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

Get started here.", "twentytwelve"), admin_url("post-new.php")); ?>

Для всех остальных выводить запись типа «Ничего не найдено» с поисковой формой:

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

Функции вызова сайдбара и футера шаблона соответственно.

Создаем основную разметку файла index.php WordPress

Хватит теории, давайте займемся разметкой нашего шаблона Start WP . Так как мы делаем сайт с использованием сетки Bootstrap, нам нужно разметить соответствующим образом все файлы. Файл header.php мы уже разметили и даже наполнили, теперь пришла пора заняться файлом index.php

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

После того, как вставите код, WordPress выдаст ошибку такого рода:


Обратите внимание на ключевую фразу, которую выдает нам сервер — Call to undefined function twentytwelve_content_nav() Это значит, что вызов функции на странице есть, а саму функцию сервер найти не может. Это вызывается функция постраничной навигации, но так как мы ее еще не прописали в файле functions.php , просто пока закомментируйте ее таким образом:

Теперь ошибка устранена, а саму функцию мы пропишем позже.

Давайте пока вообще уберем, а лучше закомментируем весь цикл WordPress таким образом:

А сразу под

поставим нашу html разметку из исходников:


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

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

Похожие публикации