Меню

Вывод последних записей 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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>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>Возвращает</h3> <p>Массив|false . Список постов в виде ассоциативного массива из объектов записей. В индексах массива будет находится ID записи, а в значении объект WP_Post, т.е. сама запись (пост).</p> <h4>Шаблон использования</h4> <h3>Использование</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>Примеры</h3> <h4>#1. Последние записи</h4> <p>Выведем список из 6-ти ссылок на последние уже опубликованные записи из категории 5:</p> <h4>#2. Для версий ниже 3.1</h4> <p>Работает для версий ниже 3.1. Это пример, показывает как использовать функцию wp_get_recent_posts , для того чтобы вывести список из 7 последних постов на экран. Список будет в виде ссылок на посты.</p> <h3>Данные, возвращаемые для каждого поста</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>Вывод последних записей в wordpress</h2> <p>2013-02-23 / Вр:06:00 / просмотров: 29642</p> <p>Мир Вам. <br/>Сегодня, в субботний вечер, я хочу рассказать, <strong>как можно вывести последние записи постов</strong> на блоге в WordPress. Эта процедура в плагине не нуждается, так как в самом WordPress эта возможность есть. Итак, для вывода последних записей в WordPress существуют два метода, возможно их и больше, но я знаю только два, о которых я и расскажу вам сейчас.</p> <p style="clear: both"><img 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 src="https://bloggood.ru/wp-content/uploads/2013/02/viviod-poslednie-zapisi-wordpres-vidjet-5.jpg"/></noscript></p> <h2>Смысл вывода последних записей?</h2> <p>Для чего вообще нужно выводить последние записи в блогах? Вывод свежих заметок может оказаться нужным и полезным для посетителя, задержать его на блоге. А если еще постараться и писать завлекающие заголовки к постам, то тогда это даст еще один плюс вашему блогу. Так же, вывод последних записей дает хороший плюс со стороны поисковых машин для ранжирования и перелинковки блога. <br/>Совет: Например, на главной странице будет 4 записи, а в сайдбаре можно вывести последних 10 записей, такой метод очень удобный для читателя.</p> <h2>Вывод последних записей в 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 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 src="https://bloggood.ru/wp-content/uploads/2013/02/viviod-poslednie-zapisi-wordpres-vidjet1.png"/></noscript></p> <p>В виджитах найдите «Свежие записи». Перетащите «Свежие записи» мышкой в сайдбар или в другое место, где вы желаете видеть вывод последних записей.</p> <p style="clear: both"><img 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 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 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 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> <div class="html-after-content"></div> </div> <aside class="meta"></aside> </article> </main> <!-- #content --> <!-- BEGIN #sidebar --> <aside id="sidebar" > <ul id="widgetlist"> <li id="search-2" class="widget widget_search"><form method="get" class="searchform" action="https://dinoil.ru/"> <input type="text" value="" placeholder="Поиск" name="s" class="s"/> <input type="submit" class="submit search_submit" value="»"/> </form> </li> <li id="recent-posts-2" class="widget widget_recent_entries"> <p class="wtitle">Свежие записи</p> <ul> <li> <a href="https://dinoil.ru/kak-chasto-nuzhno-chistit-zuby-sobake-u-veterinara/">Как часто нужно чистить зубы собаке у ветеринара</a> </li> <li> <a href="https://dinoil.ru/kak-chasto-nuzhno-chistit-zubnye-kamni/">Как часто нужно чистить зубные камни</a> </li> <li> <a href="https://dinoil.ru/kak-chasto-nuzhno-chistit-zolotye-ukrasheniya/">Как часто нужно чистить золотые украшения</a> </li> <li> <a href="https://dinoil.ru/kak-chasto-nuzhno-chistit-dymohody/">Как часто нужно чистить дымоходы</a> </li> <li> <a href="https://dinoil.ru/kak-chasto-nuzhno-chistit-dispenser/">Как часто нужно чистить диспенсер</a> </li> </ul> </li><li id="categories-2" class="widget widget_categories"><p class="wtitle">Рубрики</p> <ul> <li class="cat-item cat-item-1"><a href="https://dinoil.ru/stati/">Статьи</a> </li> </ul> </li> </ul> </aside> <!-- END #sidebar --> </div> <!-- #main --> <footer id="footer" > <div class="footer-menu maxwidth"> <ul class="footmenu clearfix"><li id="menu-item-8" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8"><a href="https://dinoil.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://dinoil.ru/politika-konfidentsialnosti/">Политика конфиденциальности</a></li> </ul> </div> <div class="copyrights maxwidth grid"> <div class="copytext col6"> <p id="copy"> <!--noindex--><a href="https://dinoil.ru/" rel="nofollow">Чистим, моем, убираем</a><!--/noindex--> © 2021 <br/> <span class="copyright-text">Внимание! Информация, опубликованная на сайте, носит исключительно ознакомительный характер и не является рекомендацией к применению.</span> </p> </div> <div class="themeby col6 tr"> <div class="footer-counter"><!-- 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();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(86487360, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/86487360" style="position:absolute; left:-9999px;" alt=""/></div></noscript> <!-- /Yandex.Metrika counter --></div> </div> </div> </footer> </div> <!-- .wrapper --> <a id="toTop">➤</a> <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><!--[if lt IE 9]> <script type='text/javascript' src='https://dinoil.ru/wp-content/themes/basicpro/js/html5shiv.min.js' id='basic-html5shiv-js'></script> <![endif]--> <script type='text/javascript' src='https://dinoil.ru/wp-content/themes/basicpro/js/functions.js' id='basic-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(); } } } } }}; 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 (i = 0; i < mutation.addedNodes.length; i++) { if (typeof mutation.addedNodes[i].getElementsByTagName !== 'function') { return; } if (typeof mutation.addedNodes[i].getElementsByClassName !== 'function') { return; } 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://dinoil.ru/wp-content/plugins/rocket-lazy-load/assets/js/16.1/lazyload.min.js"></script><script>function lazyLoadThumb(e){var t='<img loading="lazy" data-lazy-src="https://i.ytimg.com/vi/ID/hqdefault.jpg" alt="" width="480" height="360"><noscript><img src="https://i.ytimg.com/vi/ID/hqdefault.jpg" alt="" width="480" height="360"></noscript>',a='<div class="play"></div>';return t.replace("ID",e)+a}function lazyLoadYoutubeIframe(){var e=document.createElement("iframe"),t="ID?autoplay=1";t+=0===this.dataset.query.length?'':'&'+this.dataset.query;e.setAttribute("src",t.replace("ID",this.dataset.src)),e.setAttribute("frameborder","0"),e.setAttribute("allowfullscreen","1"),e.setAttribute("allow", "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"),this.parentNode.replaceChild(e,this)}document.addEventListener("DOMContentLoaded",function(){var e,t,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),e.onclick=lazyLoadYoutubeIframe,a[t].appendChild(e)});</script> </body> </html>