WordPress get posts – вывод записей без плагинов

Wordpress get posts – вывод записей без плагинов

Приветствую вас, дорогие друзья!

Давайте рассмотрим одну интересную функцию WordPress — get posts. С её помощью мы можем выводить статьи в любом месте шаблона сайта и для этого не нужно будет устанавливать дополнительные плагины.

Функция get_posts в WordPress является одной из базовых функций при помощи которой выводятся статьи во многих темах.

Использование функции get_posts для вывода записей WordPress

Для использования get_posts в теме WordPress нам нужно:

  1. 1.Подключаемся к сайту по FTP, например, в редакторе кода Notepad++ и открываем файл шаблона, в котором нужно вывести записи при помощи get_posts. Если вы ещё не знаете как это делается – то вам сюда тык.

    Если вы не ищите лёгких путей, то можете сначала скачать нужный файл к себе на компьютер, внести в него правки и потом выгрузить обратно на хостинг.

    Вот инструкция по подключению к сайту по FTP при помощи FileZilla.
    «Как пользоваться FTP-клиентом FileZilla?»

    Так же можно добавить код функции get_posts через встроенный редактор WordPress, который находится в разделе «Внешний вид»«Редактор», выбрав нужный файл на панели справа.

    Вставка функции
    При использовании встроенного редактора не забывайте делать резервные копии файлов перед их правкой.
  2. 2.В нужном месте шаблона вставляем следующий код функции get posts

  3. 3. Задаём нужные аргументы get posts и параметры вывода, а затем сохраняем файл и загружаем изменённый файл на хостинг если вы его скачивали для редактирования.

А теперь подробнее где и что менять.

Аргументы функции WordРress get posts()

Синтаксис функции get_posts выглядит следующим образом:

где $args – это массив аргументов, при помощи которых мы задаём параметры вывода записей WordРress.

В данном примере используются только 2 аргумента.

На самом деле этих аргументов намного больше:

  1. 1.order – сортировка выводимых записей WordPress
    • ASC – в прямом порядке (по возрастанию)
    • DESC – в обратном порядке (по убыванию)

    Например:

  2. 2.include – выводит статьи или страницы по ID

    Чтобы узнать ID статьи переходим в раздел «Записи»«Все записи».

    Наводим курсор на название интересующей нас статьи и смотрим на ссылку, которая появляется в нижнем левом углу. В этой ссылке есть целое число, которое и есть её идентификатором (ID) в WordPress.

    Например:

    Как узнать ID записи WordPress
  3. 3.exclude – исключает статьи с указанными идентификаторами.
    Например:
  4. 4.orderby — сортировка по определённому значению.
    • ‘post_title’ – сортирует по заголовку статьи или страницы
    • ‘content’ – по контенту
    • ‘meta_value’ – по значению произвольных полей
    • ‘password’ – по паролю
    • ‘type’ – по типу записи
    • ‘ID’ – по ID записи
    • ‘post_name’ – сортирует по короткому имени записи, которое задаётся латинскими буквам
    • ‘rand’ – сортировка в случайном порядке
    • ‘comment_count’ – сортирует по количеству комментариев
    • ‘author’ — сортировка по ID автора
    • ‘date’ – по дате создания
    • ‘modified’ – по дате изменения
    • ‘parent’ – сортирует по ID родительской страницы
    • ‘post__in’ – берёт за основу порядок ID записей, указанных в аргументе include

    Например:

  5. 5.posts_per_page — задаёт количество выводимых постов (статей)
    Например:
  6. 6.category — вывод постов из категории с указанным ID
    Например:
  7. 7.category_name – вывод записей из категории с указанным именем. В качестве имени используется ярлык (слаг)
    Посмотреть его можно здесь:

    Слаг записи

    Например:

  8. 8.tag – выводит статей с указанными тегами
  9. 9.meta_key и meta_value – вывод статей и страниц с указанными произвольными полями
  10. 10.offset – начиная с какой записи будет выводится список
    Например:

  11. 11.post_parent – выводит дочерние страницы для страницы с указанным ID
  12. 12.post_status – выводит записи в зависимости от статуса
    • publish — опубликованная статья или страница
    • private — личная запись
    • draft — черновик
    • future — запланированные записи
    • inherit — вложение
    • any — любые

    Например:

  13. 13. post_type – тип поста
    • post — записи
    • page — страницы
    • attachment — прикрепленные вложения

    Например:

Вывод элементов записи WordPress при помощи get_posts

В приведённом выше примере кода мы выводим только название статьи и ссылку на неё, но можно выводить не только эти параметры.
Для вывода изображения статьи с использованием get_posts используем следующий код:

Для вывода описания добавляем:

Для вывода даты:

Пример универсального кода с использованием get_posts

Для вашего удобства я объединила все эти аргументы и параметры в один фрагмент кода, который вы можете вывести в определённом месте и задать те значения, которые вам нужны. Остальные значения можно удалить или закомментировать.

Куда вставлять этот код?

Код функции get_posts нужно вставить в определённый файл шаблона темы. Название этого файла будет зависеть от того где вы хотите вывести статьи при помощи функции get_posts.
Наиболее распространённые варианты:

  1. 1.Вывод в боковой панели (сайдбаре). Для этого вносим правки в файл sidebar.php
  2. 2.Вывод записей WordPress под текстом статьи. Правим шаблон single.php.
  3. 3.Вывод записей под текстом страницы. Правим шаблон page.php.

Добавим немного CSS

Для того чтобы наши записи выводились более привлекательно можно добавить немного CSS магии. Указанный код вставляем в файл style.css активной темы WordPress или задаём в админке. Подробнее описано тут.

В результате получится вот так:

Стилизация

Чтобы вывести по несколько записей в ряд используем такой код:

Выглядеть будет так:

Стили для постов

Надеюсь что данная статья поможет вам с лёгкостью вывести любые страницы или записи WordPress при помощи функции get_posts.
Если статья была для вас полезной, не забудьте оставить комментарий или поделиться статьёй в соцсетях.

С уважением Юлия Гусарь

Подписаться на рассылку

Читайте также:

comments powered by HyperComments

4 комментария

  1. Спасибо, Юлия //impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif
    Как буду делать очередной одностраничник, попробую этот метод //impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif

  2. Применил на практике. Отлично работает для одностраничного сайта //impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif
    Правда немного код изменил //impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif

    • Отлично! Спасибо за комментарий!

      • Еще добавил код для редактирования. Так удобней с лендинга переходить по ссылке в публикации в админку и редактировать блок. Блоков много и постоянно нырять искать отдельный пост — нудистика.
        Ждем новых веб-шедевров.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_negative.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_whistle3.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_yes.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_cry.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_sad.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_unsure.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif