WordPress может скрывать нужный текст при помощи специального плагина WP-ShowHide. Находится данный плагин в админке WordPress, он легко интегрируется в статьи и записи.

Плагин WP-ShowHide для скрытия контента

1. Сначала идет установка WP-ShowHide, потом его активация, а после оборачивание желаемого контента в шорткод.

[showhide type="post" more_text="Читать Далее..." less_text="Скрыть текст..."]

Тут находятся буквы, картинки и другие элементы, которые нужно скрыть

[/showhide]

2. Изначально скрывающийся текст можно показывать! Воспользуйтесь нижеуказанным способом, чтобы посмотреть наглядно.

[showhide hidden="no" more_text="Читать Далее..." less_text="Скрыть текст..."] Скрывается при нажатии [/showhide]

3. Плагин WP-ShowHide содержит скрытые CSS классы.

Например можно поменять цвет скрывающей и раскрывающей кнопки:

.sh-link A { color: red; }

4. Также есть возможность изменить цвет, шрифт и жирность раскрывающегося текста:

.sh-content {
color: green; /* цвет */
font-weight: 900; /* жирность */
font-family: trebuchet ms; /* шрифт */
}  

 

Как работает WP-ShowHide? При нажатии на кнопку “читать далее” раскрывается содержимое и снова скрывается при повторном нажатии на статичную кнопку.

Читать Далее и раскроется содержание

 

Код для скрытия текста

Нижеуказанный код изначально скрывает текст, находящийся в тегах <p> </p>. Текст появляется после того, как пользователь щелкнет на кнопку “Нажми меня!”.

<a href="#zz">Нажми меня!</a>
<p id="zz" class="none">Текст скрыт, но появится!</p>

 

Этот код нужно вставить в CSS:

.none {
display: none !important;
}

.none:target {
display: block !important;
}

Результат от кода показан на гиф изображении

Спрятать текст и картинки с раскрытием

 

Скрытие текста на главной странице

Не всегда текст обрезается на главной WordPress. Иногда нужно вручную скрывать текст на главной. Для урезки содержимого нужно в редакторе записи или страницы перейти в раздел “текст”, выбрать место обрезки и нажать кнопку <more> – в этом месте текст обрежется.

More

Скрытие текста необходимо на некоторых сайтах! Например посетитель хочет сразу же скачать программу на компьютерном сайте и не читать богатый обзор на программу.

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