Как создать страничку новостей на WordPress?

Question

[kopvi64]

Всем доброго времени суток!

Я относительно недавно начал заниматься версткой и взял заказ на создание сайта.

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

Вот собственно как они должны выглядеть:


А вот что у меня получается:


И при этом, если перейти по ссылке, на статью, то не отображается текст и фото, которые я вставлял при создании записи(новости):


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

Зарание благодарю!

Answer 1

[Артем Золин]

Для начала вам стоит ознакомиться с иерархией шаблонов. За вывод записи отвечает шаблон single.php, за вывод архивной страницы archive.php

Если вывод верстки вашего типа записи или таксономии отличается от стандартного (заложенного в теме), то можете использовать более специфичные шаблоны, например single-{post-type}.php или taxonomy.php

Для главной стоит использовать front-page.php, home.php или произвольный, если главная создана с помощью статической страницы. В index.php — базовый цикл

Сразу же советую почитать про функции wp_query() и get_terms(), они нужны для запроса записей и терминов из базы для последующей обработки или вывода

Для вывода вам понадобятся функции следующего вида:

• the_title() — вывести заголовок
  
• the_post_thumbnail() — вывести изображение записи
  
• the_content() — вывести контент
  

Остальные ищите по аналогии

Так же я рекомендую посмотреть код дефолтных тем twenty или любых популярных. Делая похожим образом вы избежите множества проблем и ошибок. Кроме этого я рекомендую поставить плагин query monitor, он показывает стак загружаемых шаблонов и много другой полезной информации, которая поможет вам при разработке

Comments

[Иммануил Мотоциклов]

Ну просто супер ясно и понятно,все бы так комментировали )
Кстати, этот плагин query monitor просто спасение и Чудо Чудное! У меня ХХ сайтов на WP есть даже на WPMU и только этот монитор помог разобраться со скоростью загрузки и лишними запросами.
PS: А да, а ещё с транзиентами, чтоб их так.

[kopvi64]

Спасибо вам огромное, вы очень мне помогли)

Answer 2

[WP Panda]

Я относительно недавно начал заниматься версткой и взял заказ на создание сайта.

А Зачем? Если вы самую тривиальную задачу не можете.

Почитайте для начала, что такое цикл, иерархию шаблонов, посмотрите как устроены другие темы