Как вывести статьи по рубрикам на отдельной странице (главной)

Иногда требуется сделать хитрую главную страницу или просто страницу, на которой статьи (записи) будут выводиться по рубрикам. Да ещё чтобы и рубрики можно было указывать, а не все подряд выводить.

Чтобы такое соорудить существует несколько вариантов. Но в этой статья будет показан как вывести статьи по рубрикам используя шаблон страницы. Очень подробно в видео ниже

Для тех, кто не любит смотреть видео кратко расшифрую алгоритм.

Создаем шаблон страницы

Используя менеджер файлов на хостинге или ftp-клиент, создайте в папке с темой файл с нужным вам именем, например main-page.php (если используется дочерняя тема, то файл надо создавать в папке дочерней темы).

Далее. В любой теме есть файл page.php. Открываете его и копируете содержимое файла page.php во вновь созданный файл main-page.php. Получилось? Отлично! Теперь осталось только указать, что main-page.php не просто файл и именно шаблон. Для чего достаточно вверху файла добавить следующее

Сохраняем. Теперь идем в админку сайта и создаем там новую страницу. Не забудьте:

  • На странице должно быть указано название
  • Короткий и понятный урл на транслите
  • И в атрибутах страницы надо добавить к ней наш шаблон

posts-to-cat-1

На этом создание шаблона страницы можно считать законченным.

Вывод рубрик

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

Отлично! Теперь выведем названия рубрик, для чего будем использовать перебор циклом и получим примерно такое

Ахтунг! Темы у всех разные. Будьте внимательны с хтмл разметкой!

У вас должно получиться примерно такое

posts-to-cat-2

Вывод записей

Чтобы вывести записи будем использовать класс WP_Query{} И сначала зададим нужные аргументы и запишем значения в нужные переменные.

Хорошо. Теперь осталось вывести сами записи с миниатюрами.

Для получения данных самих постов используются следующие функции:
Функции вывода в цикле
ссылки на записи - the_permalink();
миниатюра записи - the_title();
заголовок записи - the_post_thumbnail();

В итоге получаем полный код, который будет выводить статьи по рубрикам

Красивости

Осталось добавить немного css для того, чтобы записи выводились в ряд

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

21 комментарий

  1. Edward 17.11.2016
  2. Аркадий 08.12.2016
    • Аркадий 08.12.2016
      • Артем 08.12.2016
  3. Евгений 15.03.2017
    • Артем 15.03.2017
      • Евгений 15.03.2017
        • Артем 15.03.2017
          • Евгений 15.03.2017
          • Артем 15.03.2017
  4. Мастер 01.04.2017
    • Артем 02.04.2017
  5. Дизайнер 22.05.2017
  6. Декли 10.06.2017
    • Артем 22.06.2017
  7. Вячеслав 05.07.2017
    • Артем 15.07.2017
  8. Игорь 19.08.2017
    • Артем 20.08.2017
      • Игорь 23.08.2017
  9. Игорь 23.08.2017

Оставить комментарий

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

Подписывайся!

Подписывайся!

Подписывайтесь на новости сайта, чтобы ничего не пропустить

Спасибо, что подписались!