Практически всегда на своих сайтах для блока с SEO-текстом я использую встроенный спойлер в текстовый редактор WordPress.
Читать длинную «портянку» никто не будет, поэтому важно сэкономить место на странице и скрыть часть текста под хайд (сделать раскрыти и скрытие по клику).
Вот код, который вы можете использовать:
<details><summary><span style="text-decoration: underline;">Подробнее:</span></summary>Здесь расположен текст, который необходимо скрыть
</details>
В результате получим следующее:
Подробнее:
Здесь расположен текст, который необходимо скрыть
Важно! вставлять код необходимо в текстовом редакторе во вкладке «Текст»:
С помощью плагина Text Unfold For Elementor
Простой плагин, позволяющий разворачивать текст Text Unfold For Elementor.
Скачать плагин.
Особенности
- Возможность добавления изображения, заголовка и содержания
- Настраиваемая высота контейнера для отображения объема текста
- Настраиваемый текст «Читать дальше» и «Читать меньше» с возможностью включения иконок
- Настраиваемый цвет и размер иконок.
- Изменение размеров изображения.
В статье я постарался изложить бесплатные способы создания «раскрывающегося» текста. Конечно, существует еще множество скриптов, а также плагинов, позволяющих это сделать. Но большинство из них сложны для установки обычному пользователю (речь о скриптах), а также платные (прим. Unfold от Crocoblock).
