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;} /* Inline styles */ h2.acss2f015{text-align:center;} .icon-widgets:before {content: "\e1bd";}.icon-search:before {content: "\e8b6";}.icon-shopping-cart:after {content: "\e8cc";}
WordPress – настолько гибкая CMS, что она позволяет воплотить практически любые фантазии вебмастера. Особенно, ели вооружиться специальными плагинами, обладающими широчайшей функциональностью. В данной статье поговорим о необычной реализации перелинковки, которая наверняка понравится многим.
Приём заключается в том, что после чтения статьи, когда страница прокручена до конца, на экране всплывает окно, в котором отображаются ссылки на похожие записи. Этот элемент куда более заметен, чем стандартная реализация ссылок на похожие записи. И если в похожих записях действительно что-то интересно, то не кликнуть туда невозможно. На лицо улучшение поведенческих факторов.
Но есть и другая сторона медали. Как и всегда, всплывающие окна раздражают многих. И иногда, когда они появляются совсем некстати, хочется просто уйти с этого сайта. Поэтому не стоит злоупотреблять этим приёмом. Но если применять его с умом и грамотно, то от него будет только польза.
Итак, приступим к созданию всплывающего окна на сайте с выводом похожих записей.
upPrev – это плагин, в котором совсем кривой перевод на русский язык. Но в целом всё понятно. После настройки и активации вам будут доступны его настройки, которые находятся в пункте «Настройки» – «upPrev».
В первой части настроек плагина следует выбрать вид анимации, с которым появляется окно, и её расположение на экране. Также здесь определяются размеры этого окна. Все эти настройки можно оставить по умолчанию.
Затем будет опция, определяющая наличие кнопки «Закрыть». Но мы все поминаем, что всплывающее окна без возможности закрытия очень нервируют. Поэтому лучше дать такую возможность пользователю.
После этого следует настроить количество выводимых похожих записей. Если показывать во всплывающем окне на сайте больше одной записи, то это приведёт к увеличению его размеров. Поэтому стоит ограничиться одной записью. В этом проявился недостаток данного метода вывода похожих записей перед классическим, где можно показать любое количество ссылок.
Кроме этого есть опции, которые позволяют настраивать показ анонса во всплывающем окне, где следует настроить количество слов, а также миниатюру. Вот миниатюру записи лучше показывать. Так окно становится более привлекательным.
Если ваш сайт часто посещается с мобильного устройства, то в плагине есть опция, позволяющая отключить всплывающее окно на них. Плагин может работать не совсем корректно на мобильных сайтах.
Отказы на сайте - это процент посетителей, которые покидают сайт после просмотра только одной страницы.…
Инфопродукт - это любой продукт, который содержит информацию, полезную для потенциальных клиентов. Это может быть…
Ведение сайта - это не только подержание его работоспособности и наполнение контентом. В последние годы…
WordPress - это популярная система управления контентом (CMS), которая позволяет создавать и управлять веб-сайтами различной…
Сертификат Let’s Encrypt - это бесплатный и открытый сертификат SSL/TLS, который позволяет защитить веб-сайт от…
WordPress - это одна из самых популярных систем управления контентом в мире, которая используется миллионами…