amp-web-push-widget button.amp-subscribe { display: inline-flex; align-items: center; border-radius: 5px; border: 0; box-sizing: border-box; margin: 0; padding: 10px 15px; cursor: pointer; outline: none; font-size: 15px; font-weight: 500; background: #4A90E2; margin-top: 7px; color: white; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .amp-logo amp-img{width:190px} .amp-menu input{display:none;}.amp-menu li.menu-item-has-children ul{display:none;}.amp-menu li{position:relative;display:block;}.amp-menu > li a{display:block;} .icon-widgets:before {content: "\e1bd";}.icon-search:before {content: "\e8b6";}.icon-shopping-cart:after {content: "\e8cc";}
Categories: Плагины

Похожие записи в WordPress во всплывающем окне

Похожие записи есть на каждом сайте – это уже стало обязательным элементом, хоть как-то вывести список постов, объединённых по смыслу с текущим. Из-за того, что на всех сайтах есть блок с похожими записями, многие пользователи к нему привыкли, перестали замечать и кликать на него.

Отсюда появилась мысль сделать похожие записи более примечательными и при этом необходимо, чтобы они были не назойливыми, не отталкивающими. В этой статье мы расскажем вам о том, как реализовать такой элемент с похожими записями.

Похожие записи с плагином WP RelatedPosts

За этим не примечательным и обычным для подобных плагинов названием WP RelatedPosts, кроется совсем необычная и привлекательная реализация. Плагин позволяет выводить похожие посты с миниатюрами во всплывающем окне. Об аналогичном мы рассказывали в этой статье, однако этот отличается большей привлекательностью и функциональностью.

Итак, проделайте обычную процедуру – скачайте, установите на своём сайте и активируйте этот плагин. Затем в вашей консоли появится дополнительный пункт «Related posts». Перейдите в него, чтобы совершить настройку.

Вообще, данный плагин похожих записей отличается простотой настройки. Опций не много, и собраны только самые важные:

  • Title. Запишите сюда заголовок всплывающего окна с похожими записями.
  • Read more text. Запишите сюда текст, который будет появляться на кнопке для дальнейшего чтения той или иной похожей статьи.
  • Mode. Выберите режим работы плагина. Есть два варианта: scrolldown – всплывающее окно появится при прокрутке страницы до определённого момента; timeout – всплывающее окно появится после истечения определённого времени.
  • Следующая опция будет в зависимости от того, что было выбрано в предыдущей: percent of scrolling – указывает расстояние прокрутки скроллинга; или timeout – указывает время в миллисекундах.
  • Effect. Выберите, с каким эффектом будет поваляться всплывающее окно. В вашем распоряжении будет целый список эффектов, каждый из которых можно посмотреть в работе на предпросмотре справа от настроек.
  • Track clicks in Google Analytics. Поставьте здесь галочку, если вы пользуетесь Google Analytics для подсчёта статистики сайта. Это позволит фиксировать в данных этого инструмента клики по похожим записям в этом всплывающим окне.
  • Show excerpt instead. Данная галочка выключает показ выдержки из текста статьи во всплывающем окне.
  • Show random posts when there aren’t related posts. Поставьте здесь галочку для того, чтобы отображать случайные посты, если похожих не обнаружено.

Когда настройки закончены, сохраните изменения и посмотрите, что получилось.

Адель Гадельшин

Recent Posts

Что такое отказы на сайте, почему они происходят, как их уменьшить

Отказы на сайте - это процент посетителей, которые покидают сайт после просмотра только одной страницы.…

7 месяцев ago

Как сделать запуск инфопродукта

Инфопродукт - это любой продукт, который содержит информацию, полезную для потенциальных клиентов. Это может быть…

7 месяцев ago

Как вебмастеру юридически обезопасить себя

Ведение сайта - это не только подержание его работоспособности и наполнение контентом. В последние годы…

7 месяцев ago

Папки WordPress: значение папок /wp-admin, /wp-includes и /wp-content

WordPress - это популярная система управления контентом (CMS), которая позволяет создавать и управлять веб-сайтами различной…

8 месяцев ago

Что такое сертификат Let’s Encrypt и стоит ли его устанавливать

Сертификат Let’s Encrypt - это бесплатный и открытый сертификат SSL/TLS, который позволяет защитить веб-сайт от…

8 месяцев ago

Защита WordPress от вирусов

WordPress - это одна из самых популярных систем управления контентом в мире, которая используется миллионами…

8 месяцев ago