Вывод анонсов статей с картинкой, в WordPress

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

sample-teaser

Пример взят с моей любимой lenta.ru.

Пусть это будут три последних статьи из какой то определенной категории статей, из которой мы берем анонсы. Для определенности создадим дополнительную рубрику — Анонсы (с url — anonce). В эту рубрику мы будем помещать нужные нам статьи.

Пару слов о шаблоне

Нам потребуется дописать код в шаблон главной страницы — скорее всего это будет index.php в папке вашего шаблона. Анонсы я размещу в табличку, так что  анонс каждой статьи будет занимать свою ячейку таблицы. В данном случае у нас получится таблица — [3 x 1] ячейки. Вы можете сделать свою таблицу (в несколько рядов или вертикально — как того требует ваша задача).

О картинках

Картинки в wordpress являются элементами той же таблицы в базе данных что и статьи, черновики, страницы. А те картинки, которые привязаны к конкретной публикации связаны с ней как дочерние элементы. Зная код (ID) публикации, можно запросто извлечь из базы связанные с ней картинки. Делает это функция get_children(…).

PHP код для вставки в шаблон

Далее смотрим пояснения в коде PHP.

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

Ну и как всегда задавайте вопросы, ставьте лайки, пока! :)

Написать комментарий

Мало букафф? Читайте есчо !

Работаем с датами широкого диапазона в PHP

Январь 28, 2016 г.

Многие не задумываются при работе в PHP со стандартными функциями даты-времени о диапазоне их применимости (date(), time(), mktime() и т.п). Так мы можем скоро столкнуться с проблемой, подобная которой случалась уже раньше - "ошибка 2000". Я прекрасно ...

Читать

Сериализация HTML строки из PHP в JS

Август 7, 2019 г.

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

Читать

 

Комментарии к «Вывод анонсов статей с картинкой, в WordPress»

Понравилась статья? Есть вопросы? - пишите в комментариях.



Комментарий: