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

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

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

Улучшаем скорость сайта при помощи сервиса GT metrix

Улучшаем скорость сайта при помощи сервиса GT metrix

Сайты тормозят из-за большого веса, обилия кода и 100

Читать Далее
Скрываем и показываем слова, картинки, видео

Скрываем и показываем слова, картинки, видео

WordPress может скрывать нужный текст при помощи 100

Читать Далее

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *