Вывод контента страницы wordpress. Разбираем и наполняем файл index php WordPress. Как изменить любую страницу в WordPress

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

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

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

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

Всем привет. Сегодня мы поговорим с вами о файлах из которых состоит шаблон 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.

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

Пользовательский шаблон – обозначается условным комментарием вверху внутри файла с произвольным названием.

page-slug.php – шаблон с названием страницы (ярлыка). Если пользовательский шаблон не был указан, то WordPress использует данный тип в качестве основного.

page-id.php – уникальный идентификатор страницы.

page.php – стандартный файл, отвечающий за содержимое страниц.

index.php – индексный файл. Если WordPress не найдет ни одного из выше перечисленного шаблона, то по умолчанию ответственный за страницы станет именно он.

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

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

Есть несколько вариантом создания шаблона со своими плюсами и минусами, почти незначительными. Этот вариант, который сейчас мы рассмотрим, является самый распространенный. Первым делом необходимо создать файл php или продублировать стандартный page.php . После чего сохранить его под другим именем, к примеру, templates_my.php . Затем вверху файла добавить комментарий:

Следующим действием загрузите файл в вашу тему, перейдите в админ-панель во вкладку «Страницы-Добавить новую» или можете открыть существующею. В атрибутах страницы выберете какой шаблон будет использоваться на этой странице.

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

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

Совет. Шаблон, созданный таким способом, может быть расположен в подпапке текущей темы. Тем самым не занимая лишнего места и создавая компактный вид.

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

Специализированные шаблоны страниц

Второй способ предназначен только для определенных страниц без исключения. Приведем пример по старой схеме. Допустим, у вас есть страница с названием «Портфолио», по умолчанию ее ярлык транслируется в английское слово «portfolio». Это можно увидеть в настройках «Страницы-Свойства». Теперь просто дублируем файл page.php и переименовываем в page-portfolio.php .

С идентификатором создается точно так же, только вместо ярлыка подставляется ID страницы. Он находится в адресной строке, раздел «Страницы-Изменить» выглядит так post=9 . Таким же макаром дублируется стандартный файл и переименовывается в page-9.php .

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

Практический пример создания шаблона страниц

Сейчас для примера создадим шаблон на основе первого варианта и изменим в нем цикл, добавив вывод категорий с записями. Открываем любой редактор, добавляем ниже представленный код, сохраняем под названием template_my.php , загружаем на сервер.

Теперь нужно прописать стили в файле style.css

My_main { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); margin: 20px auto; padding: 15px; background: #fff; width:1000px; } .page_cat { margin: 0 9px 20px; padding: 15px; vertical-align: top; width: 28%; display: inline-block; } .page_cat h2 { color: #676767; font: bold 18px arial; margin-bottom: 20px; } .page_cat li a { text-decoration: none; color: #2879af; display: block; } .page_cat li { margin-bottom: 6px; padding: 3px 3px 3px 10px; display: block; } .page_cat li a:hover { text-decoration: underline; } .page_cat li:nth-child(2n) { background: #f7f7f7; }

Осталось сделать одно: в админ-панели во вкладке «Страницы-Изменить» указать в атрибутах страницы наш ранее созданный шаблон «шаблон для примера».

Результат.

Условные теги страниц

В заключительном пункте рассмотрим несколько условных тегов. Прописываются они в стандартном файле page.php .

Вывод элементов на определенных страницах

/images/img.png"/> /images/img.jpg"/> /images/img.jpg"/> /images/img.jpg"/>

вывод информации