Как сделать Кнопку читать дальше, читать меньше

Сегодня поговорим о теге more (Читать Далее), который делит статью на анонс и основной текст. И как вы уже могли догадаться, он используется на бесплатном движке Wordpess. Сегодня попробуем разобраться,  как использовать эту возможность у себя на сайте и как изменить внешний вид и описание ссылки. Изначально во многих темах не предусмотрена возможность настройки анонса статьи и, следовательно, кнопки «Читать далее».

Похожие записи

Я написал скрипт на CSS для размещения многострочного усеченного текста с кнопкой «Читать далее». Можете реализовать задачу и таким образом, если захотите. Не забудьте только сохранить запись после внесения изменений.

Блок «Далее» в Gutenberg

Появится мета блок цитаты под вашим редактором записей. При использовании материалов сайта обязательно наличие активной ссылки c указанием источника. Запрещено использование материалов сайта без согласия его автора и обратной ссылки. А вот так будет выглядеть пост разделенный на анонс и основную часть. То есть на главной странице, будет выводиться только анонс поста. Теперь осталось только его улучшить, задав нужный стиль этому классу.

Узнать, как создать кнопку “Читать больше – читать меньше” используя HTML, CSS и JavaScript.

• А также по нажатию кнопки «Показать больше» отобразить текст полностью.
• Так сильно не хватало, что решил это исправить.
• Если вы хотите ограничить количество символов в анонсе статьи, это тоже возможно.
• Кликая на нее, пользователю будет доступна полная версия той или иной записи в блоге.

Сразу после этого увидите в тексте серую полосу — она отделает анонс от полной записи. Если переключиться в HTML режим, то увидите, что в https://gordostnation.ru/ коде используется специальный тег . Другой проблемой использования тега является то, что он не срабатывает на главной странице. Если вы используете статическую страницу в качестве произвольной главной, то код выше должен помочь решить вашу проблему. Вы можете добавить цитату для любой записи, используя при этом соответствующую форму на странице редактор записей.

То есть выглядеть он может по разному, но результат его отображения в статье может быть один. Фильтр the_content_more_link находится внутри функции get_the_content() и про него я уже рассказывал ранее. Кстати, про то, как формируются отрывки постов для страниц блога и категорий, я рассказывал в этом видеоуроке.