Вывод последних записей WordPress с миниатюрами, без плагина и с плагином

Здравствуй, дорогой посетитель! По движку WP, как всегда, очень много вопросов особенно у новичков и поэтому, сегодня, тема этой статьи будет звучать так, как сделать вывод последних записей WordPress.

Все уже сказано и не раз

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

И соответственно, какой-то код работает на одной версии движка, а на другой просто не хочет. И по этой причине происходят баги или что еще хуже, попросту белый экран. Все же его видели хотя бы раз!?

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

Что будем делать

В материале этой статьи, будем выводить анонсы — записи с миниатюрами, без плагина и с плагином. И так поехали!

С миниатюрами и без плагина

Этот код вставляем там где должен быть вывод записей, а это файлы: index.php , archive.php , category.php и если необходимо на главной front-page.php (зависит что выбрано в настройках «Чтение»). В коде подробно описал что и за что отвечает.

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

Реальный пример — главная страница этого блога.

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

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

Плагин

Настоятельно рекомендую использовать для этого плагин — Content Views. Решение просто незаменимое, если нет желания копаться в коде, нужно сделать быстро и плевать на чистоту кода :).

Ссылка

Его также можно использовать многократно при помощи шорткодов, т.е. вставлять «выборку» из записей куда угодно, не только на какую то определенную страницу, но и в сайдбар и конечно же в определенную запись для увеличения конверсии.

PRO версия

У него также есть PRO версия, которая может управлять страницами: категорий, архивов, блоговой, поисковой. Присутствует и фильтрация постов, ajax подгрузка по клику или бесконечная, отображение новостей в стиле: Masonry, Pinterest, Facebook Timeline, Glossary и много чего еще.

В общем, на сколько я гуглил, более функциональных аналогов не нашел. Но это, конечно, если не использовать какой-либо «элементор» для создания шаблона у которого подобный функционал идет уже из коробки или можно реализовать какими то сторонними дополнениями.

Пишите в комментариях если что-то не получается или непонятно, вместе разберемся!

На сегодня у меня все, до связи! С вами, как всегда был Дмитрий!

Источник

wp_get_recent_posts() WP 1.0.0

Получает последние записи (посты) сайта, включая черновики, запланированные и записи на модерации. Получит 10 последних записей.

В параметре post_type можно указать записи какого типа нужно получить, по умолчанию post — т.е. получаются посты сайта.

Функция является оберткой для get_posts(), отличия в том, что она получает 10, а не 5 записей и пытается получить записи всех возможных статусов, включая черновики, запланированные, личные и ожидающие модерации.

Возвращает

Массив|false . Список постов в виде ассоциативного массива из объектов записей. В индексах массива будет находится ID записи, а в значении объект WP_Post, т.е. сама запись (пост).

Шаблон использования

Использование

Массив аргументов по которым нужно получить последние посты. Какие аргументы можно использовать смотрите в описании query_posts().

Аргументы стали возможны только с версии 3.1, до этого в этот параметр передавалось число — сколько последних постов выводить.

По умолчанию: предустановки

Тип возвращаемых данных.

  • ARRAY_A — массив массивов с данными постов, в индексах массива будет ID поста.
  • OBJECT — массив объектов WP_Post, в индексах массива будут числа по порядку.

Примеры

#1. Последние записи

Выведем список из 6-ти ссылок на последние уже опубликованные записи из категории 5:

#2. Для версий ниже 3.1

Работает для версий ниже 3.1. Это пример, показывает как использовать функцию wp_get_recent_posts , для того чтобы вывести список из 7 последних постов на экран. Список будет в виде ссылок на посты.

Данные, возвращаемые для каждого поста

Какого типа вложения нужно получить. Можно использовать, когда параметр post_type = attachment .

  • image/jpeg
  • image/png
  • image/gif
  • image — для любых картинок
  • audio/mpeg
  • application/pdf
  • application/zip

Вместо одно миме типа можно указать несколько в массиве. Полный список миме типов смотрите здесь.

comment_count(число) Количество комментариев у записи.

Источник

Функция для вывода последних записей в WordPress

Замена виджету WordPress для вывода последних записей.

Код из этой статьи рабочий, но все же лучше используйте для этих целей стандартную функцию get_posts().

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

Если использовать get_posts(), или query_posts() для вывода записей, то нужно оформлять код через foreach. Для новичков это не всегда удобно. Функция ниже лишена этого недостатка.

Использование функции

Вставляем функцию в файл темы functions.php или в файл, где мы будем выводить последние записи (например, sidebar.php )

Там, где нужно вывести последние записи, вызываем функцию используя, следующий код:

Дополнительные возможности функции

  1. Можно настроить формат вывода (формат передается во втором параметре $format = »);
  2. Можно, исключить или наоборот, включить какие-либо категории;
  3. Можно изменить тег списка (вместо li списка использовать, например, div ).
Для настройки формата вывода используйте:
  • — покажет колличество комментариев у статьи;
  • — заголовок статьи;</li> <li><date:j.M.Y>— дата в формате j.M.Y (11.Апр.2010);</li> <li>и — тег ссылки. Открывается и закрывается.</li> </ul> <p><strong>Вызов будет таким:</strong></p> <h5>Пример исключения или включения каких-либо категорий:</h5> <p><strong>Для исключения</strong> категорий в третьем параметре передаем ID категорий через запятую, со знаком «минус» (пример: -5,-15,-20)</p> <p><strong>Для</strong> вывода записей только из указанных категорий (<strong>включения категорий</strong>) передаем в третьем параметре ID категорий через запятую (пример: 5,15,20)</p> <p>Так же, как и обычно в функциях WordPress, к тегу li добавляется сласс <strong>current-item</strong> ( ), если ID просматриваемой записи равен ID записи из списка, т.е. если мы просматривает одну из записей, находящихся в списке. Используя этот класс, можно визуально выделить запись в списке, через css.</p> <p style="clear: both"><img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="https://secure.gravatar.com/avatar/767884be6188cf65a3c336dfb7092341?s=42&d=https%3A%2F%2Fwp-kama.ru%2Fwp-content%2Fwp-kama-plugin%2Fmodules%2Ffirst-letter-avatar%2Favas%2Fcyr_1072.png"/><noscript><img decoding="async" src="https://secure.gravatar.com/avatar/767884be6188cf65a3c336dfb7092341?s=42&d=https%3A%2F%2Fwp-kama.ru%2Fwp-content%2Fwp-kama-plugin%2Fmodules%2Ffirst-letter-avatar%2Favas%2Fcyr_1072.png"/></noscript></p> <p style="clear: both">Привет, подскажи, как ты выводишь код в блоге у себя? <br/>каким плагином? <img decoding="async" style="float: left; margin: 0 10px 5px 0;" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="https://wp-kama.ru/wp-content/plugins/kama-wp-smile-packs/qip_all_dark/smile.gif"/><noscript><img decoding="async" style="float: left; margin: 0 10px 5px 0;" src="https://wp-kama.ru/wp-content/plugins/kama-wp-smile-packs/qip_all_dark/smile.gif"/></noscript> <br/>именно код в тексте, примеры разные <img decoding="async" style="float: left; margin: 0 10px 5px 0;" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="https://wp-kama.ru/wp-content/plugins/kama-wp-smile-packs/qip_all_dark/smile.gif"/><noscript><img decoding="async" style="float: left; margin: 0 10px 5px 0;" src="https://wp-kama.ru/wp-content/plugins/kama-wp-smile-packs/qip_all_dark/smile.gif"/></noscript> <br/>спс</p> <p style="clear: both"><img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="https://secure.gravatar.com/avatar/155e695ab2251ee3c482c1e3e690683b?s=42&d=https%3A%2F%2Fwp-kama.ru%2Fwp-content%2Fwp-kama-plugin%2Fmodules%2Ffirst-letter-avatar%2Favas%2Flat_k.png"/><noscript><img decoding="async" src="https://secure.gravatar.com/avatar/155e695ab2251ee3c482c1e3e690683b?s=42&d=https%3A%2F%2Fwp-kama.ru%2Fwp-content%2Fwp-kama-plugin%2Fmodules%2Ffirst-letter-avatar%2Favas%2Flat_k.png"/></noscript></p> <p>Это не плагин — это мой код. Там все сложно с введением маркдауна все совсем сложно. Задавай конкретные вопросы подскажу.</p> <p>Подсветка с помощью <strong>hightlightjs</strong></p> <p>Код вставляется в тройные ` которые затем превращаются в PRE тег и внутри все спец символы HTML заменяются на сущности.</p> <p style="clear: both"><img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="https://secure.gravatar.com/avatar/767884be6188cf65a3c336dfb7092341?s=42&d=https%3A%2F%2Fwp-kama.ru%2Fwp-content%2Fwp-kama-plugin%2Fmodules%2Ffirst-letter-avatar%2Favas%2Fcyr_1072.png"/><noscript><img decoding="async" src="https://secure.gravatar.com/avatar/767884be6188cf65a3c336dfb7092341?s=42&d=https%3A%2F%2Fwp-kama.ru%2Fwp-content%2Fwp-kama-plugin%2Fmodules%2Ffirst-letter-avatar%2Favas%2Fcyr_1072.png"/></noscript></p> <p style="clear: both">спс, в целом я сам могу написать функции и теги, но думал что уже есть готовый плагин <img decoding="async" style="float: left; margin: 0 10px 5px 0;" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="https://wp-kama.ru/wp-content/plugins/kama-wp-smile-packs/qip_all_dark/smile.gif"/><noscript><img decoding="async" style="float: left; margin: 0 10px 5px 0;" src="https://wp-kama.ru/wp-content/plugins/kama-wp-smile-packs/qip_all_dark/smile.gif"/></noscript></p> <p style="clear: both"><img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="https://secure.gravatar.com/avatar/c37e8e513610e2a6309edf8de339b051?s=42&d=https%3A%2F%2Fwp-kama.ru%2Fwp-content%2Fwp-kama-plugin%2Fmodules%2Ffirst-letter-avatar%2Favas%2Fcyr_1074.png"/><noscript><img decoding="async" src="https://secure.gravatar.com/avatar/c37e8e513610e2a6309edf8de339b051?s=42&d=https%3A%2F%2Fwp-kama.ru%2Fwp-content%2Fwp-kama-plugin%2Fmodules%2Ffirst-letter-avatar%2Favas%2Fcyr_1074.png"/></noscript></p> <p>Привет, Тимур. Подскажи, пожалуйста, какой можно использовать код для вывода 5 последних записей на блоге (участвуют все категории), кроме уже открытой статьи, чтобы не было ссылки самой на себя.</p> <p>В Вордпресе есть стандартный виджет вывода последних записей, но в нем не убирается ссылка статьи самой на себя, если открыта одна из последних записей.</p> <p style="clear: both"><img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="https://secure.gravatar.com/avatar/ef064634067021dbd5fcdaa1d7092a27?s=42&d=https%3A%2F%2Fwp-kama.ru%2Fwp-content%2Fwp-kama-plugin%2Fmodules%2Ffirst-letter-avatar%2Favas%2Fcyr_1088.png"/><noscript><img decoding="async" src="https://secure.gravatar.com/avatar/ef064634067021dbd5fcdaa1d7092a27?s=42&d=https%3A%2F%2Fwp-kama.ru%2Fwp-content%2Fwp-kama-plugin%2Fmodules%2Ffirst-letter-avatar%2Favas%2Fcyr_1088.png"/></noscript></p> <p>Тоже интересует вопрос</p> <p style="clear: both"><img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="https://secure.gravatar.com/avatar/155e695ab2251ee3c482c1e3e690683b?s=42&d=https%3A%2F%2Fwp-kama.ru%2Fwp-content%2Fwp-kama-plugin%2Fmodules%2Ffirst-letter-avatar%2Favas%2Flat_k.png"/><noscript><img decoding="async" src="https://secure.gravatar.com/avatar/155e695ab2251ee3c482c1e3e690683b?s=42&d=https%3A%2F%2Fwp-kama.ru%2Fwp-content%2Fwp-kama-plugin%2Fmodules%2Ffirst-letter-avatar%2Favas%2Flat_k.png"/></noscript></p> <p>Для вывода последних записей проще использовать get_posts(), чтобы исключить тек. запись, укажите её ID в параметре exclude.</p> <p>Пример вывода 10 послед. записей, с исключением текущей:</p> <p style="clear: both"><img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="https://secure.gravatar.com/avatar/34c2848cae5cd8fd2b9589b2ba4aa9b3?s=42&d=https%3A%2F%2Fwp-kama.ru%2Fwp-content%2Fwp-kama-plugin%2Fmodules%2Ffirst-letter-avatar%2Favas%2Flat_c.png"/><noscript><img decoding="async" src="https://secure.gravatar.com/avatar/34c2848cae5cd8fd2b9589b2ba4aa9b3?s=42&d=https%3A%2F%2Fwp-kama.ru%2Fwp-content%2Fwp-kama-plugin%2Fmodules%2Ffirst-letter-avatar%2Favas%2Flat_c.png"/></noscript></p> <p style="clear: both">Прелесть get_post, что она кеширует результаты, а в этой функции кеширование я не вижу. Может стоит добавить? Или я глупость сморозил? <img decoding="async" style="float: left; margin: 0 10px 5px 0;" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="https://wp-kama.ru/wp-content/plugins/kama-wp-smile-packs/qip_all_dark/smile.gif"/><noscript><img decoding="async" style="float: left; margin: 0 10px 5px 0;" src="https://wp-kama.ru/wp-content/plugins/kama-wp-smile-packs/qip_all_dark/smile.gif"/></noscript>Тимур, поправь меня пожалуйста, если не прав.</p> <p style="clear: both"><img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="https://secure.gravatar.com/avatar/155e695ab2251ee3c482c1e3e690683b?s=42&d=https%3A%2F%2Fwp-kama.ru%2Fwp-content%2Fwp-kama-plugin%2Fmodules%2Ffirst-letter-avatar%2Favas%2Flat_k.png"/><noscript><img decoding="async" src="https://secure.gravatar.com/avatar/155e695ab2251ee3c482c1e3e690683b?s=42&d=https%3A%2F%2Fwp-kama.ru%2Fwp-content%2Fwp-kama-plugin%2Fmodules%2Ffirst-letter-avatar%2Favas%2Flat_k.png"/></noscript></p> <p>get_post() не кэширует запрос, а кэширует данные записей, причем только для текущей генерации, если только не установлен плагин постоянного объектного кэширования, которого в 99% нет. В общем по большому счету ничего не кэишруется.</p> <p>Тут есть свои плюсы и минусы, суть этого поста и функции, стать основой для изучения и возможно вывода.</p> <p>Сейчас запустил проверки (вывод полностью одинаковый) — это факты:</p> <p>kama_recent_posts() — 1/500 повторений — 0.00382 сек./0.39681 сек.</p> <p>get_posts() — 1/500 повторений — 0.00799 сек./0.87335 сек.</p> <p>Т.е. get_posts в 2 раза проигрывает. Это без объектного кэширования, с ним, я думаю, get_posts() выиграет. Но если добавить его в эту функцию, там 3 строчки всего, тогда она выиграет во много раз.</p> <p>Вообще все это конечно мелочи, тут больше нужно на удобство программирования ориентироваться, и если нужен какой-то отличный вывод от того что предлагает эта функция, то правильнее использовать get_posts().</p> <p><span class="link" data-link="http://wp-kama.ru/id_80/funktsiya-dlya-vyivoda-poslednih-zapisey-v-wordpress.html" >Источник</span></p> <h2 id="kak-vyvesti-poslednie-posty-v-wordpress">Как вывести последние посты в WordPress</h2> <p style="clear: both"><img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="https://andreyex.ru/wp-content/uploads/2015/06/Kak-vyvesti-poslednie-posty-v-WordPress-330x250.png"/><noscript><img decoding="async" src="https://andreyex.ru/wp-content/uploads/2015/06/Kak-vyvesti-poslednie-posty-v-WordPress-330x250.png"/></noscript></p> <p style="clear: both"><img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="https://andreyex.ru/wp-content/uploads/2015/06/wordpress-recept-posts.png"/><noscript><img decoding="async" src="https://andreyex.ru/wp-content/uploads/2015/06/wordpress-recept-posts.png"/></noscript></p> <h4 id="poslednie-posty-s-ispolzovaniem-vidzhetov">Последние посты с использованием виджетов</h4> <p>В WordPress поставляется со встроенными по умолчанию виджетами для отображения последних постов в боковой панели вашего сайта или любой готовой для виджетов области. Внутри административной панели WordPress, просто посетите <strong>внешний вид » виджеты</strong> и добавьте виджет “Recent Posts” в боковой панели.</p> <p style="clear: both"><img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="https://andreyex.ru/wp-content/uploads/2015/06/recentpostwidget.png"/><noscript><img decoding="async" src="https://andreyex.ru/wp-content/uploads/2015/06/recentpostwidget.png"/></noscript></p> <p>Встроенный виджет “Recent Posts” очень простой. Вы можете предоставить альтернативное название виджета, показывают дату, и добавить число записей, которые вы хотите отобразить. Далее нажмите на кнопку Сохранить, чтобы сохранить ваши настройки виджета.</p> <h4 id="ispolzuya-rasshirennyy-plagin-vidzheta-poslednih">Используя расширенный плагин виджета последних постов</h4> <p>Как вы заметили, встроенный виджет мы упоминали выше, является довольно простой, и он даже не позволяют показывать миниатюры или отрывки которые часто являются приоритетом для пользователей.</p> <p>Что делать, если вы хотите, отобразить миниатюры и отрывки с ваших последних постов? Что делать, если вы хотите ограничить их к определенным категориям или тегам?</p> <p>Ну, вот тогда пригодится плагин расширенного виджета последних постов.</p> <p>Первое, что нужно сделать, это установить и активировать в WordPress плагин Recent Posts Extended. При активации, просто перейдите <strong>внешний вид » виджеты</strong> и добавить виджет “Recent Posts Extended” для боковой панели.</p> <p style="clear: both"><img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="https://andreyex.ru/wp-content/uploads/2015/06/recentpostsextended.png"/><noscript><img decoding="async" src="https://andreyex.ru/wp-content/uploads/2015/06/recentpostsextended.png"/></noscript></p> <p>Виджет “Recent Posts Extended” поставляется с множеством вариантов и дает полные возможности: как вы хотите отображать последние записи на вашем сайте на WordPress. Вы можете показать эскизы, отрывки, предельные категории и теги, игнорировать липкие записи, и многое другое. Вы даже можете использовать этот виджет для отображения последних записей из какой-либо другой страницы на вашем сайте.</p> <p style="clear: both"><img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="https://andreyex.ru/wp-content/uploads/2015/06/recent-posts-thumbnail.png"/><noscript><img decoding="async" src="https://andreyex.ru/wp-content/uploads/2015/06/recent-posts-thumbnail.png"/></noscript></p> <h4 id="otobrazhenie-poslednih-zapisey-v-wordpress">Отображение последних записей в WordPress с помощью шорткода</h4> <p>Добавить последние записи в боковой панели довольно легко, но как сделать если вы хотите показать последние записи внутри поста или страницы в WordPress? Самый простой способ, чтобы отобразить последние посты или страницы в WordPress, используя шорткоды.</p> <p>Для начала Вам надо установить и активировать плагин Отображение записей Шорткод. Он работает без настроек.</p> <p>Просто редактируете пост или страницу, где вы хотите отображать последние записи. Далее используйте шорткод [display-posts] с вашими собственными параметрами внутри записи. Плагин предлагает целый ряд параметров, которые можно использовать с шорткодом. Вот несколько примеров:</p> <p>Показывает 5 последних страниц с эскизами и текстом</p> <p>Отобразить последние страницы вместо постов</p> <p>Изменить порядок в заголовке вместо даты.</p> <p>Отобразить последние страницы под конкретной родительской страницы.</p> <p>Полный список параметров документации можно посмотреть посетив сайт плагина.</p> <p>Вы можете также использовать эти шорткоды внутри текстового виджета, но сначала вам нужно будет включить шорткоды в текстовых виджетах, добавив вышеописанный код в файл шаблона <em><strong>functions.php</strong></em> или создать специальный плагин для сайта.</p> <h4 id="otobrazhenie-poslednih-postov-v-wordpress">Отображение последних постов в WordPress вручную в файлах темы</h4> <p>Более продвинутые пользователи WordPress могут добавить последние посты прямо в файлы темы WordPress. Есть несколько способов сделать это, но самый простой – использовать встроенный класс WP_Query. Добавьте этот код там, где вы хотите отображать последние сообщения.</p> <p>Этот код просто отображает пять последних сообщений с их названиями и отрывком поста. Класс WP_Query имеет массу параметров, что позволяет настроить его любым способом, как вам нравится. Для получения дополнительной информации, пожалуйста, ознакомьтесь с документацией.</p> <p>Мы надеемся, что данная статья поможет Вам, как возникнет желание вывести последние записи в WordPress. Если вы хотите настроить отображение ваших последних постов без написания какого-либо кода, то вы можете сделать через плагин, который помогает сделать конструкцию легкой.</p> <p>Если вам понравилась данная статья, то, пожалуйста, подпишитесь на наш канал. Вы также можете найти нас на Твиттере и Facebook.</p> <p>Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите <em>Ctrl+Enter</em>.</p> <p><span class="link" data-link="http://andreyex.ru/wordpress/luchshie-uchebniki-po-wodpress/kak-vyvesti-poslednie-posty-v-wordpress/" >Источник</span></p> <div class="fpm_end"></div> </div><!-- .entry-content --> </article> <div class="rating-box"> <div class="rating-box__header">Оцените статью</div> <div class="wp-star-rating js-star-rating star-rating--score-0" data-post-id="183644" data-rating-count="0" data-rating-sum="0" data-rating-value="0"><span class="star-rating-item js-star-rating-item" data-score="1"><svg aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="i-ico"><path fill="currentColor" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" class="ico-star"></path></svg></span><span class="star-rating-item js-star-rating-item" data-score="2"><svg aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="i-ico"><path fill="currentColor" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" class="ico-star"></path></svg></span><span class="star-rating-item js-star-rating-item" data-score="3"><svg aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="i-ico"><path fill="currentColor" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" class="ico-star"></path></svg></span><span class="star-rating-item js-star-rating-item" data-score="4"><svg aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="i-ico"><path fill="currentColor" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" class="ico-star"></path></svg></span><span class="star-rating-item js-star-rating-item" data-score="5"><svg aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="i-ico"><path fill="currentColor" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" class="ico-star"></path></svg></span></div> </div> <div class="entry-social"> <div class="social-buttons"><span class="social-button social-button--vkontakte" data-social="vkontakte" data-image=""></span><span class="social-button social-button--facebook" data-social="facebook"></span><span class="social-button social-button--telegram" data-social="telegram"></span><span class="social-button social-button--odnoklassniki" data-social="odnoklassniki"></span><span class="social-button social-button--twitter" data-social="twitter"></span><span class="social-button social-button--sms" data-social="sms"></span><span class="social-button social-button--whatsapp" data-social="whatsapp"></span></div> </div> <meta itemprop="author" content="admin"> <meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://m-blesk.ru/183644-2/" content=""> <meta itemprop="dateModified" content="2021-11-20"> <meta itemprop="datePublished" content="2021-11-20T03:16:51+02:00"> <div itemprop="publisher" itemscope itemtype="https://schema.org/Organization" style="display: none;"><meta itemprop="name" content="Чистим, моем, убираем"><meta itemprop="telephone" content="Чистим, моем, убираем"><meta itemprop="address" content="https://m-blesk.ru"></div> </main><!-- #main --> </div><!-- #primary --> <aside id="secondary" class="widget-area" itemscope itemtype="http://schema.org/WPSideBar"> <div class="sticky-sidebar js-sticky-sidebar"> <div id="search-2" class="widget widget_search"> <form role="search" method="get" class="search-form" action="https://m-blesk.ru/"> <label> <span class="screen-reader-text"><!--noindex-->Search for:<!--/noindex--></span> <input type="search" class="search-field" placeholder="Поиск…" value="" name="s"> </label> <button type="submit" class="search-submit"></button> </form></div> <div id="recent-posts-2" class="widget widget_recent_entries"> <div class="widget-header">Свежие записи</div> <ul> <li> <a href="https://m-blesk.ru/mozhno-li-stirat-kozhzam-kurtku-vruchnuyu/">Можно ли стирать кожзам куртку вручную</a> </li> <li> <a href="https://m-blesk.ru/kak-vyvesti-tsement-s-tkani/">Как вывести цемент с ткани</a> </li> <li> <a href="https://m-blesk.ru/chto-otmoet-chernye-polosy-s-linoleuma/">Что отмоет черные полосы с линолеума</a> </li> <li> <a href="https://m-blesk.ru/chto-otmoet-chernuyu-krasku-dlya-volos-s-ruk/">Что отмоет черную краску для волос с рук</a> </li> <li> <a href="https://m-blesk.ru/chto-budet-esli-ne-chistit-konditsioner-posle-zimy/">Что будет если не чистить кондиционер после зимы</a> </li> </ul> </div><div id="block-2" class="widget widget_block"><div class="flatPM_sidebar" data-top="70"> <div id="Q_sidebar"></div> </div></div> </div> </aside><!-- #secondary --> <div id="related-posts" class="related-posts fixed"><div class="related-posts__header">Вам также может понравиться</div><div class="post-cards post-cards--vertical"> <div class="post-card post-card--related"> <div class="post-card__thumbnail"><a href="https://m-blesk.ru/mozhno-li-stirat-kozhzam-kurtku-vruchnuyu/"><img width="335" height="220" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20335%20220'%3E%3C/svg%3E" class="attachment-reboot_small size-reboot_small wp-post-image" alt="" decoding="async" data-lazy-src="https://m-blesk.ru/wp-content/uploads/2023/11/young-female-wearing-jacket-standing-against-white-wall_181624-40808-335x220.jpg"/><noscript><img width="335" height="220" src="https://m-blesk.ru/wp-content/uploads/2023/11/young-female-wearing-jacket-standing-against-white-wall_181624-40808-335x220.jpg" class="attachment-reboot_small size-reboot_small wp-post-image" alt="" decoding="async" loading="lazy"/></noscript></a></div><div class="post-card__title"><a href="https://m-blesk.ru/mozhno-li-stirat-kozhzam-kurtku-vruchnuyu/">Можно ли стирать кожзам куртку вручную</a></div><div class="post-card__description">Как в домашних условиях постирать куртку из кожзама</div> </div> <div class="post-card post-card--related"> <div class="post-card__thumbnail"><a href="https://m-blesk.ru/kak-vyvesti-tsement-s-tkani/"><img width="335" height="220" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20335%20220'%3E%3C/svg%3E" class="attachment-reboot_small size-reboot_small wp-post-image" alt="" decoding="async" data-lazy-src="https://m-blesk.ru/wp-content/uploads/2023/11/close-up-equipment-used-apartment-renovation_23-2149278608-335x220.jpg"/><noscript><img width="335" height="220" src="https://m-blesk.ru/wp-content/uploads/2023/11/close-up-equipment-used-apartment-renovation_23-2149278608-335x220.jpg" class="attachment-reboot_small size-reboot_small wp-post-image" alt="" decoding="async" loading="lazy"/></noscript></a></div><div class="post-card__title"><a href="https://m-blesk.ru/kak-vyvesti-tsement-s-tkani/">Как вывести цемент с ткани</a></div><div class="post-card__description">Как отстирать от одежды цемент, удалить затвердевший</div> </div> <div class="post-card post-card--related"> <div class="post-card__thumbnail"><a href="https://m-blesk.ru/chto-otmoet-chernye-polosy-s-linoleuma/"><img width="335" height="220" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20335%20220'%3E%3C/svg%3E" class="attachment-reboot_small size-reboot_small wp-post-image" alt="" decoding="async" data-lazy-src="https://m-blesk.ru/wp-content/uploads/2023/11/man-servant-cleaning-house-335x220.jpg"/><noscript><img width="335" height="220" src="https://m-blesk.ru/wp-content/uploads/2023/11/man-servant-cleaning-house-335x220.jpg" class="attachment-reboot_small size-reboot_small wp-post-image" alt="" decoding="async" loading="lazy"/></noscript></a></div><div class="post-card__title"><a href="https://m-blesk.ru/chto-otmoet-chernye-polosy-s-linoleuma/">Что отмоет черные полосы с линолеума</a></div><div class="post-card__description">Все секреты чистки линолеума Казалось бы, линолеум</div> </div> <div class="post-card post-card--related"> <div class="post-card__thumbnail"><a href="https://m-blesk.ru/chto-otmoet-chernuyu-krasku-dlya-volos-s-ruk/"><img width="335" height="220" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20335%20220'%3E%3C/svg%3E" class="attachment-reboot_small size-reboot_small wp-post-image" alt="" decoding="async" data-lazy-src="https://m-blesk.ru/wp-content/uploads/2023/11/tired-with-closed-eyes-young-beautiful-girl-sits-table-with-makeup-tools-wiping-hair-towel-stretching-out-hands-isolated-blue-background-335x220.jpg"/><noscript><img width="335" height="220" src="https://m-blesk.ru/wp-content/uploads/2023/11/tired-with-closed-eyes-young-beautiful-girl-sits-table-with-makeup-tools-wiping-hair-towel-stretching-out-hands-isolated-blue-background-335x220.jpg" class="attachment-reboot_small size-reboot_small wp-post-image" alt="" decoding="async" loading="lazy"/></noscript></a></div><div class="post-card__title"><a href="https://m-blesk.ru/chto-otmoet-chernuyu-krasku-dlya-volos-s-ruk/">Что отмоет черную краску для волос с рук</a></div><div class="post-card__description">Секреты и советы, как и чем смыть краску для волос</div> </div> <div class="post-card post-card--related"> <div class="post-card__thumbnail"><a href="https://m-blesk.ru/chto-budet-esli-ne-chistit-konditsioner-posle-zimy/"><img width="335" height="220" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20335%20220'%3E%3C/svg%3E" class="attachment-reboot_small size-reboot_small wp-post-image" alt="" decoding="async" data-lazy-src="https://m-blesk.ru/wp-content/uploads/2023/11/young-frozen-woman-wearing-sweater-shaking-freezing-winter-cold-with-shock-expression-face-girl-is-warming-up-hands-with-breath-electric-heater-discomfort-spending-time-home_497537-1329-335x220.jpg"/><noscript><img width="335" height="220" src="https://m-blesk.ru/wp-content/uploads/2023/11/young-frozen-woman-wearing-sweater-shaking-freezing-winter-cold-with-shock-expression-face-girl-is-warming-up-hands-with-breath-electric-heater-discomfort-spending-time-home_497537-1329-335x220.jpg" class="attachment-reboot_small size-reboot_small wp-post-image" alt="" decoding="async" loading="lazy"/></noscript></a></div><div class="post-card__title"><a href="https://m-blesk.ru/chto-budet-esli-ne-chistit-konditsioner-posle-zimy/">Что будет если не чистить кондиционер после зимы</a></div><div class="post-card__description">Что будет если не чистить кондиционер после зимы При</div> </div> <div class="post-card post-card--related"> <div class="post-card__thumbnail"><a href="https://m-blesk.ru/chem-mozhno-otmyt-pozheltevshiy-plastik/"><img width="335" height="220" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20335%20220'%3E%3C/svg%3E" class="attachment-reboot_small size-reboot_small wp-post-image" alt="" decoding="async" data-lazy-src="https://m-blesk.ru/wp-content/uploads/2023/11/hand-rubber-glove-holds-cleaning-sponge-yellow-background-cleaning-concept-cleaning-service-banner-with-bottle-sprays-sponge_126267-9397-335x220.jpg"/><noscript><img width="335" height="220" src="https://m-blesk.ru/wp-content/uploads/2023/11/hand-rubber-glove-holds-cleaning-sponge-yellow-background-cleaning-concept-cleaning-service-banner-with-bottle-sprays-sponge_126267-9397-335x220.jpg" class="attachment-reboot_small size-reboot_small wp-post-image" alt="" decoding="async" loading="lazy"/></noscript></a></div><div class="post-card__title"><a href="https://m-blesk.ru/chem-mozhno-otmyt-pozheltevshiy-plastik/">Чем можно отмыть пожелтевший пластик</a></div><div class="post-card__description">Доступные и недорогие способы, как убрать желтизну</div> </div> <div class="post-card post-card--related"> <div class="post-card__thumbnail"><a href="https://m-blesk.ru/chem-mozhno-otmyt-motor-mashiny/"><img width="335" height="220" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20335%20220'%3E%3C/svg%3E" class="attachment-reboot_small size-reboot_small wp-post-image" alt="" decoding="async" data-lazy-src="https://m-blesk.ru/wp-content/uploads/2023/11/biker-cleaning-motorcycle-by-microfiber-cloth-motorcycle-retailing_1048944-14614945-335x220.jpg"/><noscript><img width="335" height="220" src="https://m-blesk.ru/wp-content/uploads/2023/11/biker-cleaning-motorcycle-by-microfiber-cloth-motorcycle-retailing_1048944-14614945-335x220.jpg" class="attachment-reboot_small size-reboot_small wp-post-image" alt="" decoding="async" loading="lazy"/></noscript></a></div><div class="post-card__title"><a href="https://m-blesk.ru/chem-mozhno-otmyt-motor-mashiny/">Чем можно отмыть мотор машины</a></div><div class="post-card__description">Чем отмыть двигатель от масла и грязи в домашних условиях</div> </div> <div class="post-card post-card--related"> <div class="post-card__thumbnail"><a href="https://m-blesk.ru/chem-mozhno-otmyt-kleykuyu-lentu-s-plastikovyh-okon/"><img width="335" height="220" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20335%20220'%3E%3C/svg%3E" class="attachment-reboot_small size-reboot_small wp-post-image" alt="" decoding="async" data-lazy-src="https://m-blesk.ru/wp-content/uploads/2023/11/man-doing-professional-home-cleaning-service_23-2150359029-335x220.jpg"/><noscript><img width="335" height="220" src="https://m-blesk.ru/wp-content/uploads/2023/11/man-doing-professional-home-cleaning-service_23-2150359029-335x220.jpg" class="attachment-reboot_small size-reboot_small wp-post-image" alt="" decoding="async" loading="lazy"/></noscript></a></div><div class="post-card__title"><a href="https://m-blesk.ru/chem-mozhno-otmyt-kleykuyu-lentu-s-plastikovyh-okon/">Чем можно отмыть клейкую ленту с пластиковых окон</a></div><div class="post-card__description">Средства для удаления следов скотча на пластиковом</div> </div> </div></div> </div><!--.site-content-inner--> </div><!--.site-content--> <div class="site-footer-container "> <div class="footer-navigation fixed" itemscope itemtype="http://schema.org/SiteNavigationElement"> <div class="main-navigation-inner full"> <div class="menu-tehnicheskoe-menyu-container"><ul id="footer_menu" class="menu"><li id="menu-item-8" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8"><a href="https://m-blesk.ru/pravoobladatelyam/">Правообладателям</a></li> <li id="menu-item-9" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9"><a href="https://m-blesk.ru/politika-konfidentsialnosti/">Политика конфиденциальности</a></li> <li id="menu-item-200481" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-200481"><a href="https://m-blesk.ru/kontakty/">Контакты</a></li> </ul></div> </div> </div><!--footer-navigation--> <footer id="colophon" class="site-footer site-footer--style-gray full"> <div class="site-footer-inner fixed"> <div class="footer-bottom"> <div class="footer-info"> © 2024 Чистим, моем, убираем </div> <div class="footer-counters"><!-- Yandex.Metrika counter --> <script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date(); for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }} k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(98368459, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/98368459" style="position:absolute; left:-9999px;" alt=""/></div></noscript> <!-- /Yandex.Metrika counter --></div></div> </div> </footer><!--.site-footer--> </div> <button type="button" class="scrolltop js-scrolltop"></button> </div><!-- #page --> <script>var pseudo_links = document.querySelectorAll(".pseudo-clearfy-link");for (var i=0;i<pseudo_links.length;i++ ) { pseudo_links[i].addEventListener("click", function(e){ window.open( e.target.getAttribute("data-uri") ); }); }</script><script type="text/javascript" id="reboot-scripts-js-extra"> /* <![CDATA[ */ var settings_array = {"rating_text_average":"\u0441\u0440\u0435\u0434\u043d\u0435\u0435","rating_text_from":"\u0438\u0437","lightbox_display":"1","sidebar_fixed":"1"}; var wps_ajax = {"url":"https:\/\/m-blesk.ru\/wp-admin\/admin-ajax.php","nonce":"9e37046d43"}; /* ]]> */ </script> <script type="text/javascript" src="https://m-blesk.ru/wp-content/themes/reboot/assets/js/scripts.min.js" id="reboot-scripts-js"></script> <script type="text/javascript"> /*<![CDATA[*/ jQuery(document).ready(function($){ $('.link').replaceWith(function(){ var id = ( null != $(this).attr('id') ) ? ' id="' + $(this).attr('id') + '"' : '', target = ( null != $(this).attr('data-target') ) ? ' target="' + $(this).attr('data-target') + '"' : ' target="_blank"', title = ( null != $(this).attr('title') ) ? ' title="' + $(this).attr('title') + '"' : '', style = ( null != $(this).attr('style') ) ? ' style="' + $(this).attr('style') + '"' : '', rel = ( null != $(this).attr('data-rel') ) ? ' rel="' + $(this).attr('data-rel') + '"' : '', cl = ( null != $(this).attr('class') ) ? $(this).attr('class').replace('link','').trim() : ''; cl = ( '' != cl ) ? ' class="' + cl + '"' : ''; return '<a href="' + $(this).attr('data-link') + '" ' + title + id + cl + target + style + rel + ' >' + $(this).html() + '</a>'; }); }); /*]]>*/ </script> <script>window.lazyLoadOptions = [{ elements_selector: "img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]", data_src: "lazy-src", data_srcset: "lazy-srcset", data_sizes: "lazy-sizes", class_loading: "lazyloading", class_loaded: "lazyloaded", threshold: 300, callback_loaded: function(element) { if ( element.tagName === "IFRAME" && element.dataset.rocketLazyload == "fitvidscompatible" ) { if (element.classList.contains("lazyloaded") ) { if (typeof window.jQuery != "undefined") { if (jQuery.fn.fitVids) { jQuery(element).parent().fitVids(); } } } } }},{ elements_selector: ".rocket-lazyload", data_src: "lazy-src", data_srcset: "lazy-srcset", data_sizes: "lazy-sizes", class_loading: "lazyloading", class_loaded: "lazyloaded", threshold: 300, }]; window.addEventListener('LazyLoad::Initialized', function (e) { var lazyLoadInstance = e.detail.instance; if (window.MutationObserver) { var observer = new MutationObserver(function(mutations) { var image_count = 0; var iframe_count = 0; var rocketlazy_count = 0; mutations.forEach(function(mutation) { for (var i = 0; i < mutation.addedNodes.length; i++) { if (typeof mutation.addedNodes[i].getElementsByTagName !== 'function') { continue; } if (typeof mutation.addedNodes[i].getElementsByClassName !== 'function') { continue; } images = mutation.addedNodes[i].getElementsByTagName('img'); is_image = mutation.addedNodes[i].tagName == "IMG"; iframes = mutation.addedNodes[i].getElementsByTagName('iframe'); is_iframe = mutation.addedNodes[i].tagName == "IFRAME"; rocket_lazy = mutation.addedNodes[i].getElementsByClassName('rocket-lazyload'); image_count += images.length; iframe_count += iframes.length; rocketlazy_count += rocket_lazy.length; if(is_image){ image_count += 1; } if(is_iframe){ iframe_count += 1; } } } ); if(image_count > 0 || iframe_count > 0 || rocketlazy_count > 0){ lazyLoadInstance.update(); } } ); var b = document.getElementsByTagName("body")[0]; var config = { childList: true, subtree: true }; observer.observe(b, config); } }, false);</script><script data-no-minify="1" async src="https://m-blesk.ru/wp-content/plugins/rocket-lazy-load/assets/js/16.1/lazyload.min.js"></script><script>function lazyLoadThumb(e,alt){var t='<img loading="lazy" src="https://i.ytimg.com/vi/ID/hqdefault.jpg" alt="" width="480" height="360">',a='<button class="play" aria-label="play Youtube video"></button>';t=t.replace('alt=""','alt="'+alt+'"');return t.replace("ID",e)+a}function lazyLoadYoutubeIframe(){var e=document.createElement("iframe"),t="ID?autoplay=1";t+=0===this.parentNode.dataset.query.length?'':'&'+this.parentNode.dataset.query;e.setAttribute("src",t.replace("ID",this.parentNode.dataset.src)),e.setAttribute("frameborder","0"),e.setAttribute("allowfullscreen","1"),e.setAttribute("allow", "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"),this.parentNode.parentNode.replaceChild(e,this.parentNode)}document.addEventListener("DOMContentLoaded",function(){var e,t,p,a=document.getElementsByClassName("rll-youtube-player");for(t=0;t<a.length;t++)e=document.createElement("div"),e.setAttribute("data-id",a[t].dataset.id),e.setAttribute("data-query", a[t].dataset.query),e.setAttribute("data-src", a[t].dataset.src),e.innerHTML=lazyLoadThumb(a[t].dataset.id,a[t].dataset.alt),a[t].appendChild(e),p=e.querySelector('.play'),p.onclick=lazyLoadYoutubeIframe});</script> </body> </html>