Content Views — оригинальный вывод постов на главной и других страницах. Детальное руководство по шаблонам страниц в WordPress

Viber OUT 05.05.2019
Viber OUT

Плагин 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 сайта мне хватило.

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

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

Если вы используете визуальный редактор, то заметите новую кнопку в меню под названием ‘Insert Page’ .

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

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

После выбора записи/страницы кликните на кнопку Insert Page . Плагин добавить шорткод, необходимый для вывода выбранной вами записи/страницы.

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

Параметр page для шорткода принимает слаг страницы или ее ID. Обратите внимание, что slug можно указывать любого типа записи, не обязательно страницы.

Также можно указать ID записи. О том, как узнать ID записи в WordPress мы уже писали ранее.

Добавляем произвольные типы записей в записи блога

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

Плагин Insert Pages позволяет вам добавлять произвольные типы записей на страницы и записи блога. Например, вы можете создать произвольный тип записи для галереи изображений, а затем использовать Insert Pages для добавления этих галерей в ваши записи или страницы.

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

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

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

Все, что вам нужно сделать, это создать пустой php файл и загрузить его в папку с вашей темой. Файл можно назвать как угодно. Например, custom-author.php.

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

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

H3.author-name { font-size:16px; } .author-thumbnail { float:left; padding:10px; } .author-bio { font-style:italic; font-family: Lora, Georgia, Serif; }

Вот так в итоге выглядит финальный вариант:

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

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

Файлы шаблона CMS WordPress

  • index.php - самый важный в шаблоне wordpress файл. Он определяет визуальное расположение элементов сайта. Именно он отвечает за вывод главной страницы.
  • page.php - Файл отвечающий за вывод страницы wordpress.
  • single.php - Файл страницы вывода записей.
  • sidebar.php - Боковая колонка или иначе ее называют сайдбар сайта.
  • header.php - Шапка сайта.
  • footer.php - Подвал или нижняя часть блога (футер).
  • functions.php - Файл, где прописываются добавочные функции шаблона WordPress (например, регистрация меню и сайдбаров).
  • category.php - Файл вывода записей из категории.
  • comments.php - Файл вывода комментариев.
  • archive.php - Архив статей.
  • searchform.php - шаблон поисковой формы.
  • search.php - вывод результатов поиска.
  • attachment.php - вывод прикрепленного файла.
  • 404.php - страница вывода ошибки 404, когда пользователь запрашивает несуществующую страницу.
  • tag.php - вывод заметок по определенному тегу (метке).
  • author.php - вывод статей одного автора.
  • style.css - файл отвечающий за стилевое оформление вашей темы wordpress.

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

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

Структура шаблона wordpress

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

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

Итак, теперь можно рассматривать, каждый файл по отдельности.

Файл index.php шаблона wordpress

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

При выводе главной страницы WordPress ищет файл frontpage.php. Если такого файла нет, будет использоваться файл home.php. Если и home.php отсутствует в папке, то используется index.php. В большинстве тем wordpress присутствует, только index.php.

Первая строка этого файла подключает шапку сайта или файл header.php:

После этой строки, как правило подключается основной блок контента, который может сопровождаться (в зависимости от производителя шаблона), различными div-блоками оформления и кодами различных примочек, на подобии хлебных крошек, количества просмотров записи и комментарий и.т.п.

"> /*вывод заголовков записей в виде ссылки*/ /*функция вывода той рубрики, в которой лежит (прикреплена) статья.*/ /*функция вывода самого контента, записи.*/

Заканчивается этот файл подключением футера (подвала сайта):

Все. Файл index.php на этом заканчивается. В вы можете прочитать про остальные файлы шаблона на wordpress.



Рекомендуем почитать

Наверх