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

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

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

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

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

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

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

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

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

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

Читайте также:  Лента от мух чем отмыть от тела

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

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

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

Плагин

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

Ссылка

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

PRO версия

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

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

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

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

Источник

Функция для вывода последних записей в 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="wp_get_recent_posts-wp-1-0-0-small">wp_get_recent_posts() WP 1.0.0</small> </h2> <p>Получает последние записи (посты) сайта, включая черновики, запланированные и записи на модерации. Получит 10 последних записей.</p> <p>В параметре post_type можно указать записи какого типа нужно получить, по умолчанию post — т.е. получаются посты сайта.</p> <p>Функция является оберткой для get_posts(), отличия в том, что она получает 10, а не 5 записей и пытается получить записи всех возможных статусов, включая черновики, запланированные, личные и ожидающие модерации.</p> <h3 id="vozvraschaet">Возвращает</h3> <p>Массив|false . Список постов в виде ассоциативного массива из объектов записей. В индексах массива будет находится ID записи, а в значении объект WP_Post, т.е. сама запись (пост).</p> <h4 id="shablon-ispolzovaniya">Шаблон использования</h4> <h3 id="ispolzovanie">Использование</h3> <p>Массив аргументов по которым нужно получить последние посты. Какие аргументы можно использовать смотрите в описании query_posts().</p> <p>Аргументы стали возможны только с версии 3.1, до этого в этот параметр передавалось число — сколько последних постов выводить.</p> <p><em>По умолчанию: предустановки</em></p> <p>Тип возвращаемых данных.</p> <ul> <li>ARRAY_A — массив массивов с данными постов, в индексах массива будет ID поста.</li> <li>OBJECT — массив объектов WP_Post, в индексах массива будут числа по порядку.</li> </ul> <h3 id="primery">Примеры</h3> <h4 id="1-poslednie-zapisi">#1. Последние записи</h4> <p>Выведем список из 6-ти ссылок на последние уже опубликованные записи из категории 5:</p> <h4 id="2-dlya-versiy-nizhe-3-1">#2. Для версий ниже 3.1</h4> <p>Работает для версий ниже 3.1. Это пример, показывает как использовать функцию wp_get_recent_posts , для того чтобы вывести список из 7 последних постов на экран. Список будет в виде ссылок на посты.</p> <h3 id="dannye-vozvraschaemye-dlya-kazhdogo-posta">Данные, возвращаемые для каждого поста</h3> <p>Какого типа вложения нужно получить. Можно использовать, когда параметр post_type = attachment .</p> <ul> <li>image/jpeg</li> <li>image/png</li> <li>image/gif</li> <li>image — для любых картинок</li> <li>audio/mpeg</li> <li>application/pdf</li> <li>application/zip</li> </ul> <p>Вместо одно миме типа можно указать несколько в массиве. Полный список миме типов смотрите здесь.</p> <p>comment_count<em>(число)</em> Количество комментариев у записи.</p> <p><span class="link" data-link="http://wp-kama.ru/function/wp_get_recent_posts" >Источник</span></p> <h2 id="vyvod-poslednih-zapisey-v-wordpress">Вывод последних записей в wordpress</h2> <p>2013-02-23 / Вр:06:00 / просмотров: 29642</p> <p>Мир Вам. <br/>Сегодня, в субботний вечер, я хочу рассказать, <strong>как можно вывести последние записи постов</strong> на блоге в WordPress. Эта процедура в плагине не нуждается, так как в самом WordPress эта возможность есть. Итак, для вывода последних записей в 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://bloggood.ru/wp-content/uploads/2013/02/viviod-poslednie-zapisi-wordpres-vidjet-5.jpg"/><noscript><img decoding="async" src="https://bloggood.ru/wp-content/uploads/2013/02/viviod-poslednie-zapisi-wordpres-vidjet-5.jpg"/></noscript></p> <h2 id="smysl-vyvoda-poslednih-zapisey">Смысл вывода последних записей?</h2> <p>Для чего вообще нужно выводить последние записи в блогах? Вывод свежих заметок может оказаться нужным и полезным для посетителя, задержать его на блоге. А если еще постараться и писать завлекающие заголовки к постам, то тогда это даст еще один плюс вашему блогу. Так же, вывод последних записей дает хороший плюс со стороны поисковых машин для ранжирования и перелинковки блога. <br/>Совет: Например, на главной странице будет 4 записи, а в сайдбаре можно вывести последних 10 записей, такой метод очень удобный для читателя.</p> <h2 id="vyvod-poslednih-zapisey-v-wordpress-2">Вывод последних записей в wordpress.</h2> <p><em>[ 1 ]</em> <em>метод</em>. <br/>Этот метод позволит <strong>вывести последние записи в любой части блога</strong> без использования плагинов и виджетов. <br/>Установите код вывода последних записей в ту часть сайта, где вам это необходимо. Откройте <em>админ-панель => Внешний вид =>Редактор =></em> (это страницы, которые часто используют для вывода последних записей <em>page.php, sidebar.php, single.php или footer.php</em> ).</p> <p>limit= 10 — число 10 — вывод количества последних записей. Укажите любое желаемое число. <br/>Для оформления внешнего вида вам потребуется знать основы CSS.</p> <p><em>[ 2 ] метод.</em> <br/>В этом методе используется стандартный виджет и снова все без участия плагина. <br/>Для вывода последних записей существует специальный виджет с названием «Свежие записи». Зайдите в <em>админ-панель => Внешний вид =>Виджеты</em> .</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://bloggood.ru/wp-content/uploads/2013/02/viviod-poslednie-zapisi-wordpres-vidjet1.png"/><noscript><img decoding="async" src="https://bloggood.ru/wp-content/uploads/2013/02/viviod-poslednie-zapisi-wordpres-vidjet1.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://bloggood.ru/wp-content/uploads/2013/02/viviod-poslednie-zapisi-wordpres-vidjet-2.png"/><noscript><img decoding="async" src="https://bloggood.ru/wp-content/uploads/2013/02/viviod-poslednie-zapisi-wordpres-vidjet-2.png"/></noscript></p> <p>После перетаскивания открывается окно «Свежие записи». В этом окне настраиваем блок виджета, пишем название (например, «Свежие записи», «Самое свежее на блоге», «Последние записи», «Новое записи» и т. д.), указываем количество записей, которые будут выводиться и жмем кнопку <em>«Сохранить»</em> .</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://bloggood.ru/wp-content/uploads/2013/02/viviod-poslednie-zapisi-wordpres-vidjet-3.png"/><noscript><img decoding="async" src="https://bloggood.ru/wp-content/uploads/2013/02/viviod-poslednie-zapisi-wordpres-vidjet-3.png"/></noscript></p> <p>После нажатия кнопки <em>«Сохранить»</em> , в сайдбаре появится то количество записей, которое вы указали (в данном примере пять последних записей блога).</p> <p><span class="link" data-link="http://bloggood.ru/wordpress/vyvod-poslednix-zapisej-v-wordpress.html/" >Источник</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="385" 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://clean.derevo-rus.ru/385-2/" content=""> <meta itemprop="dateModified" content="2021-11-16"> <meta itemprop="datePublished" content="2021-11-16T12:08:30+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://clean.derevo-rus.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://clean.derevo-rus.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://clean.derevo-rus.ru/mozhno-li-stirat-kozhzam-kurtku-vruchnuyu/">Можно ли стирать кожзам куртку вручную</a> </li> <li> <a href="https://clean.derevo-rus.ru/kak-vyvesti-tsement-s-tkani/">Как вывести цемент с ткани</a> </li> <li> <a href="https://clean.derevo-rus.ru/chto-otmoet-chernye-polosy-s-linoleuma/">Что отмоет черные полосы с линолеума</a> </li> <li> <a href="https://clean.derevo-rus.ru/chto-otmoet-chernuyu-krasku-dlya-volos-s-ruk/">Что отмоет черную краску для волос с рук</a> </li> <li> <a href="https://clean.derevo-rus.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://clean.derevo-rus.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://clean.derevo-rus.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://clean.derevo-rus.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://clean.derevo-rus.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://clean.derevo-rus.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://clean.derevo-rus.ru/wp-content/uploads/2023/11/close-up-equipment-used-apartment-renovation_23-2149278608-335x220.jpg"/><noscript><img width="335" height="220" src="https://clean.derevo-rus.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://clean.derevo-rus.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://clean.derevo-rus.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://clean.derevo-rus.ru/wp-content/uploads/2023/11/man-servant-cleaning-house-335x220.jpg"/><noscript><img width="335" height="220" src="https://clean.derevo-rus.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://clean.derevo-rus.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://clean.derevo-rus.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://clean.derevo-rus.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://clean.derevo-rus.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://clean.derevo-rus.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://clean.derevo-rus.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://clean.derevo-rus.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://clean.derevo-rus.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://clean.derevo-rus.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://clean.derevo-rus.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://clean.derevo-rus.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://clean.derevo-rus.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://clean.derevo-rus.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://clean.derevo-rus.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://clean.derevo-rus.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://clean.derevo-rus.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://clean.derevo-rus.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://clean.derevo-rus.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://clean.derevo-rus.ru/wp-content/uploads/2023/11/man-doing-professional-home-cleaning-service_23-2150359029-335x220.jpg"/><noscript><img width="335" height="220" src="https://clean.derevo-rus.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://clean.derevo-rus.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://clean.derevo-rus.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://clean.derevo-rus.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://clean.derevo-rus.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(101807259, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/101807259" 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:\/\/clean.derevo-rus.ru\/wp-admin\/admin-ajax.php","nonce":"0b658ef987"}; /* ]]> */ </script> <script type="text/javascript" src="https://clean.derevo-rus.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://clean.derevo-rus.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>