Wordpress вывести записи на статической странице. Как вывести все записи WordPress на одной странице. Когда использовать query_posts()
Привет! Сегодня я расскажу вам о супер плагинах для вывода записей WordPress. Данные плагины помогут вам вывести на любую страницу или запись вашего сайта – Стильные анонсы записей. В анонсе можно показать изображение записи, заголовок, отрывок, автора, дату, категорию. Вы сможете выводить анонсы не только записей, но и страниц.
Отличный плагин для вывода анонсов записей и страниц. Вывод по категориям или меткам. 4 стиля отображения на выбор. Возможность настроить внешний вид. Можно вывести название категорий на странице анонсов, чтобы при нажатии на категорию, отображались только записи из данной категории. Как настроить плагин –
Супер виджет для вывода анонсов записей. Вывод по категориям, меткам, авторам. Настройка внешнего вида, размер изображений. Можно добавить дату, автора, категорию. Широкие и гибкие настройки. Лучший виджет для вывода записей! Как настроить плагин –
Стильные анонсы записей в виде плиток. Вывод записей по категориям. Можно выбрать цвет плиток. Можно вывести на страницу список всех категорий сайта, чтобы при нажатии на название категории, показывались записи из данной категории, в режиме Ajax. Как настроить плагин –
Используя WordPress , как обычный блоговый движок с готовой темой, подобный вопрос у нас бы не возник. Мы просто не вмешиваемся в алгоритмы работы CMS , записи сами как-то выводятся. В каком случае вывод записей WordPress нас начинает интересовать?
Тогда, когда мы собираемся из статичной HTML верстки сделать уникальную WordPress тему. А точнее, мы хотим предложить свои услуги по натяжки верстки на WordPress . Так вот, без умения выводить записи WordPress в любом месте сайта - вам будет никак не обойтись.
Структура темы под WordPress
Что представляет из себя тема WordPress ? Это набор файлов (шаблоны), состоящих из HTML кода вперемешку с PHP кодом. В любой теме, как минимум должны быть два файла: index.php и CSS файл стилей. HTML код - это и есть верстка уникального дизайна, а PHP код состоит из функций и тегов, уже описанных в ядре WordPress , файлы ядра мы никогда не трогаем.
Запомните, что весь HTML код должен находится за пределами открывающих и закрывающих тегов PHP . Напротив, весь PHP код пишется только внутри тегов. Например выведем имя автора записи в цикле WordPress:
В кодексе WordPress подробнейшим образом расписано, что делают эти теги шаблонов и как их вывести на сайте. Для создания темы WordPress с нуля, необходимо знать набор этих тегов шаблонов и как их применять.
Теги шаблонов вывода записей WordPress
the_permalinkthe_title
the_time
the_content
the_author
the_excerpt
the_category
С помощью этих тегов шаблонов выводятся статьи на главной странице WordPress в шаблоне index.php .
">
Выводим дату создания записи:
Давайте выведем саму статью - контент, внутри тега div:
Внимание! Ничего не вывелось. Почему? Поскольку эти теги шаблонов выводят только внутри цикла, вне цикла они не работают. Мы должны весь этот код, поместить внутри цикла. Весь PHP и HTML код внутри цикла повторится столько раз, сколько будет у нас записей. Смотрите код ниже.
Сюда помещаем, весь код выше. Мы находимся внутри цикла.
Давайте разберем, что означает код выше. Мы задаём условие, если в базе данных имеются записи, то будет выводится заголовок, дата создания и контент записи.
Если посты есть, то в цикле while выполняется функция the_post , которая занимается выводом всех записей , до тех пор, пока они есть.
Закончили цикл и условие.
Цикл будет работать до тех пор, пока имеются записи, количество вывода записей на страницу задаётся в настройках блога. Если записей больше, то на страничке появятся элементы пагинации. Таким образом на блоге будут выведены все записи, и WordPress автоматически создаст страниц столько, сколько надо.
Мы познакомились лишь с некоторыми функциями для построения темы для WordPress - это функции вывода записей . Однако здесь важно понять принцип, а не пытаться запомнить или заучить.
Практика
Рассмотрим вывод записей на примере темы Twenty Seventeen . Записи выводятся через тег шаблона get_template_part в цикле шаблона index.php , который передаёт в параметрах содержимое шаблона content.php .
if (have_posts()) :
/* Start the Loop */
while (have_posts()) :
the_post();
get_template_part("template-parts/post/content", get_post_format());
endwhile;
endif;
?>
В шаблоне content.php выводится заголовок поста с ссылкой на сам пост и контент.
Хотите вывести последние записи в WordPress? Вывод свежих записей помогает пользователям легко найти новинки вашего блога. Вы можете вывести последние посты в боковой панели (сайдбаре), внутри контента с помощью шорткода, в конце записи, и в области футера или там, где вам душе угодно. В этой статье мы вам покажем, как вывести последние посты в WordPress с помощью плагинов, виджетов, шорткодов и ручным способом с помощью функции вывода последних записей.
Использование виджета свежих записей
WordPress имеет свой виджет вывода свежих записей, который можно вставить в боковую панель (сайдбар) вашего сайта, или любую другую готовую область для виджетов. Просто перейдите в: Внешний вид » Виджеты и перетащите виджет в область для виджетов вашего сайта.
Виджет очень простой, и вы можете добавить свой заголовок, отобразить дату записи, и задать количество постов для отображения.
Использование плагина Recent Posts Widget Extended
Как мы упомянули выше, встроенный виджет последних записей является довольно простым и ограниченным в использовании, так как вы не сможете отобразить миниатюры записи и анонсы, которые часто выступают приоритетом для большинства пользователей.
Что делать, если вы хотите отобразить последние записи с миниатюрами и небольшими анонсами записей? Что делать если вы хотите вывести свежие записи из определенной рубрики или метки?
В таком случае вам пригодится плагин Recent Posts Widget Extended.
Recent Posts Widget Extended . После активации просто перейдите в: Внешний вид » Виджеты и перетащите виджет Recent Post Extended в сайдбар.
Этот виджет имеет множество настроек и дает вам полный контроль над тем, как вы хотите вывести последние записи на вашем WordPress сайте. Вы можете отобразить миниатюры, анонсы записей, задать категории и теги и многое другое. Вы также можете использовать этот виджет для отображения последних записей отдельного типа поста.
Увеличить шрифт можно убрав галочку с «использовать стили по умолчанию» и задав собственные значения.
Выводим последние записи с помощью шорткода
Вывести последние записи в сайдбар довольно легко, но что если необходимо вывести последние посты внутри какой-либо записи или страницы WordPress? Самый очевидный и простой способ отобразить свежие записи внутри поста или страницы — это с помощью специального шорткода.
Первое, что вам нужно сделать — это установить и активировать плагин Display Posts Shortcode . После активации, плагин сразу заработает, никаких настроек не имеется.
Откройте необходимую страницу или пост в редакторе WordPress, и в нужное место вставьте шорткод . В шорткоде можно использовать целый ряд параметров. Ниже приведены некоторые примеры:
Вывод 5 последних записей с миниатюрами и анонсами:
Вывод последних страниц, вместо постов:
Сортировка по названию, вместо даты:
Вывод последних страниц из конкретной родительской страницы:
С полным списком параметров вы можете ознакомиться на странице документации плагина.
Также эти шорткоды можно использовать внутри текстового виджета, но прежде, вам нужно будет включить поддержку шорткодов в текстовом виджете. Для этого добавьте ниже приведенный код в function.php вашей темы:
Add_filter (‘widget_text’ , ‘do_shortcode’);
Вывод свежих записей вручную
Более продвинутые пользователи могут вывести последние записи вручную, немного добавив код в файлы темы WordPress. Существуют несколько способов сделать это, но самым простым способом является использование встроенного класса WP_Query.
Просто добавьте нижеприведенный код в то место, где вы хотите отобразить свежие записи.
- »>
// Define our WP Query Parameters
// Start our WP Query
have_posts()) : $the_query -> the_post(); ?>
// Display the Post Title with Hyperlink
// Display the Post Excerpt
// Repeat the process and reset once it hits the limit
endwhile;
wp_reset_postdata();
?>
Этот код выведет пять последних постов с названием и анонсом. Класс WP_Query имеет множество параметров, что означает вы можете настроить его так как вам нравиться. Для получения более подробной информации посетите страницу кодекса .
Надеемся, что статья помогла вам узнать как вывести последние записи в WordPress.
Всем привет дорогие друзья! С вами в открытом режиме говорит и рассказывает и показывает на практике Макс Метелев.
И сегодня на закуску вам с утра порция полезного материала следующего содержания – мы с вами научимся выводить список страниц wordpress с картинками. Урок очень простой и интересный. Поехали.
Большинство вебсайтов в основном используют страницы для текстового контента. Поскольку страницы отличаются от записей, вам возможно потребуются способы для их вывода.
Помимо основного способа вывода страниц wordpress с превьюшками мы покажем как вывести дочерние страницы и родительские.
Будет выглядеть это примерно так:
Первое, что вам нужно сделать это установить и активировать плагин Page-list. Он работает прямо «из коробки», потому в настройки в мы лезть не будем, так как их там нет.
Данный плагин поставляется со списком шорткодов с обширным списком параметров. Начнем с того, что сделаем простой вывод всех страниц сайта, т.е сделаем обычную карту
Создайте новую страницу в WordPress и добавьте в нее следующий шорткод [ pagelist ]
Этот шорткод покажет простой вложенный всех ваших страниц.
Вы можете использовать или его, или ряд других текстовых виджетов. Если они у вас не работают на сайте, тогда вам необходимо их подключить через добавление строчки в файле functions . php вашей темы или в конкретный участок плагина.
add_filter("widget_text","do_shortcode");
add_filter ("widget_text" , "do_shortcode" ) ; |
Отображение дочерних страниц для родительской в WordPress
Все что вам нужно это добавить нужный шорткод [ subpages ] на страницу родителя.
Также вы можете использовать короткие коды для вставки в текстовые виджеты.
Добавление родственных страниц на Вордпресс
Родственные страницы это, по сути, дочерние, которые имеют одного общего родителя. Вывод таких страниц wordpress осуществляется с помощью следующей конструкции [ siblings ]
Вывод страниц с превьюшками и отрывком текста
Плагин Page-list идет в комплекте со следующим кодом [ page_ext ] . Этот код для вставки дает расширенные возможности для отображения списков страниц в WordPress.
Вы можете использовать его, чтобы отобразить структуру страниц с характерным изображением статьи и небольшим отрывком текста из нее. Как здесь:
[ pagelist_ext show_image = "1" image_width = "50" ] |
Вы можете самостоятельно задавать размер изображения, используя параметр image_width
Также вы можете контролировать длину отрывка текста используя параметр limit_content
Например можете задать 100 знаков, пример [ pagelist_ext limit_content = "100" ]
Если вы не хотите отображать текст возле миниатюры к статье, тогда используйте следующий короткий код для страницы [ pagelist_ext show_content = "0" ]
Спасибо за внимание и удачного изучения!
Здравствуйте уважаемые читатели блога WP Developer. В статье « » я рассказывал, что это такое такое, приводил пример стандартных типов записей и описывал процесс их создания. Но сам процесс создания не является конечным, т.к. записи потом нужно как то выводить на сайте. Как раз в этой статье я хотел бы показать Вам два способа вывода архива таких статей (без пагинации и с пагинацией) и показать, как выводить отдельную произвольную запись. Все манипуляции я буду производить в стандартной теме WordPress — twentyseventeen . Итак, поехали.
Вывод всех записей на одной странице (без пагинации)
Иногда требуется вывести архив произвольного типа записей на одной странице. Ну мало ли какие могут быть требования у заказчика. Вдруг ему понадобится именно такой вариант вывода. Для примера я создал новый тип записей Отзывы с идентификатором reviews . Сам процесс описывать не буду. Для этого Вы можете кликнуть по ссылке , где все подробно описано. Я лишь только визуально покажу, как это выглядит в меню (См. рисунок):
На следующем шаге в папке с Вашей темой нужно создать отдельный шаблон для вывода архива. Я назвал его reviews.php . Внутри этого шаблона прописываем следующий комментарий:
Увидев этот комментарий кто-то может уже догадался, что мы создаем . Да, так и есть. В него также я добавил следующий код для получения и вывода самих отзывов:
"reviews", "posts_per_page" => -1)); ?>
">
Стилизацию я проводить не буду, поскольку нам важно понять сам процесс, а не увидеть внешний вид страницы.
Готово. Теперь добавив страницу Отзывы в меню, перейдите на нее, и Вы сможете увидеть весь список добавленных отзывов.
Вывод постов в виде категории (с пагинацией)
Если Вам необходимо вывести список произвольного типа записей с пагинацией, т.е. как выводится любая из рубрик, то в папку с Вашей темой всего лишь нужно добавить новый файл со следующим названием — archive-{идентификатор_произвольного_типа_записей}.php . В моем случае этот файл будет называться так — archive-reviews.php . Далее в файл добавляете цикл вывода (уже без комментария Template Name: Отзывы) и посты будут выводиться как категории — с пагинацией. Код может выглядеть так:
">
Как Вы заметили, мы уже не получаем посты при помощи класса WP_Query , в этом нет необходимости. WordPress сам поймет, к какому типу записей относится данный шаблон и выведет именно их.
Теперь при переходе по данной ссылке у вас может появиться примерно такое сообщение — «Извините, но запрашиваемая Вами страница не найдена «. Данная проблема решается довольно простым способом. Нужно перейти в раздел Настройки->Постоянные ссылки и ничего не меняя нажать на кнопку Сохранить.
Вывод отдельной записи произвольного типа
Итак, мы выяснили как можно выводить архив произвольного типа записей с пагинацией и без нее. Теперь нам осталось вывести отдельный пост. В принципе, если Вас устраивает внешний вид страницы, которая в текущий момент выводит отдельный пост, то можете ничего и не создавать, с этим справится файл single.php . Если же Вы хотите изменить внешний вид нового типа записей, например, убрать сайдбар или вообще по другому стилизовать страницу, то нужно создать файл со следующим названием — single-{идентиикатор_произвольного_типа_записей}.php , и в нем уже прописать код для вывода поста с нужными стилями. В моем случае он будет называться так — single-reviews.php .
На этом все. Надеюсь статья была для Вас полезной. Всем удачи!!!