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";}

Как сделать спойлер

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

На Word Press спойлер можно сделать с помощью простого плагина.

Для чего нужен спойлер

Если вы на своём сайте вдаётесь в сложные объяснения, и у вас в статье есть такие моменты, которые читать не обязательно, но при необходимости они тоже пригодятся, то вам нужен спойлер. Благодаря ему вы сможете скрыть участок текста, и посетитель, нажав на одну кнопку, которая обычно обозначена в виде знака плюс, сможет развернуть этот фрагмент и прочитать его, если ему это надо.

Слишком длинные статьи могут не понравиться посетителям, а спойлер поможет скрыть не всем нужные участки, и сделать пост красивее. Более подробно о том, как писать статьи, вы можете почитать здесь.

Очень удобно использовать спойлер, если вы, например, рассказываете на сайте о каких-то языках программирования, и показываете в статье длинные коды. Их лучше спрятать в спойлер, а посетитель развернёт его, когда он понадобится.

Спойлер на сайте никак не повлияет в худшую сторону при продвижении статьи, поисковики относятся к статьям со свёрнутым и спрятанным текстом лояльно.

 

Advanced Spoiler

Advanced Spoiler – это плагин для реализации спойлера на сайте. Плагин является более продвинутой версией Ajax Spoiler. И если у вас уже есть Ajax Spoiler, то вы можете обновиться до Advanced Spoiler. Там будет функция для экспорта старых настроек.

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

«Текст спойлера» настраивает текст, который будет отображаться рядом. Как правило «Развернуть спойлер» или «Показать текст». Также если использовать код [spoiler show=”текст спойлера”]спрятанный текст[ /spoiler], то можно делать текст спойлера индивидуальным для любой записи.

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

«Позволить вкладки» делает возможным появление ещё одного спойлера внутри другого. Это удобно если текста будет очень много.

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

View Comments

  • Конечно, плагин, возможно, толковый, хотя, как описывает Адель, несколько не доработан. Но раз он полезен, стоит поставить на сайт. Спасибо за информацию.

Recent Posts

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

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

9 месяцев ago

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

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

9 месяцев ago

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

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

9 месяцев ago

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

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

10 месяцев ago

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

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

10 месяцев ago

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

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

10 месяцев ago