Как изменить текст ссылки «Читать далее» в WordPress

Сможете легко оформить текст отрывка без знания HTML-тегов. Вы наверное знаете, что можно в любом месте обрезать пост и в конце анонса поставить ссылку на его полную версию при помощи кнопок в редакторе в админке или же блока «Тег Далее» в Gutenberg. В этом урока я покажу несколько способов, как изменить текст этой ссылки. Чтобы продолжить улучшать тэг «More» нам нужно узнать класс самой надписи. В браузере Opera, исходный код можно посмотреть, нажав на страницу правой кнопкой мыши и выбрав «Исходный код».

Если у вас еще остались какие-то вопросы по read more в WordPress, пишите в комментариях, — будем их разбирать. С его помощью вы, кстати, заодно избавитесь и от прокрутки (с якорем #more), т.к. На официальном сайте wordpress.org можно найти парочку интересных хаков по функциям the_content и the_excerpt, которые пригодятся в работе. Сегодня статья о таком тэге, как тэг «More» или «Читать далее», «Читать полностью» — в разных темах он имеет разную русскую надпись.

• После этого в анонсе статьи автоматически появится ссылка «Читать далее».
• Если рассказывать вкратце, то в WordPress функция the_content выполняет отображение всего текста поста с сохранением форматирования.
• Здесь, как видите, никакой «связи» с WordPress тегом more нет, — просто выводится линк на текущий пост с нужным вам текстом.
• И в таких случаях, для того, чтобы изменить текст ссылки «Читать далее», нам достаточно изменить этот тег, например на  или  или что угодно другое.

Полезные ссылки

Кстати, хотел заметить, что ссылку разрыва «читать далее» в тексте вам не обязательно ставить в конце абзаца, можно добавить после любого слова. Чтобы вывести в блоге только часть поста вы должны при его создании в текстовом редакторе нажать соответствующую кнопку. Rich Text Excerpts — полноценный визуальный редактор для анонсов постов и записей WordPress сайта.

Изначально во многих темах не предусмотрена возможность настройки анонса статьи и, следовательно, кнопки «Читать далее». Но это легко исправить с помощью небольшого кода, который необходимо разместить в файле functions.php. После этого в анонсе статьи автоматически появится ссылка «Читать далее». Функция the_content осуществляет отображение полного текста поста. Вывод анонса происходит, если в текстовом редакторе поставили read more. Если вы работаете в режиме HTML, то там также есть подобная кнопка либо можно просто написать тег в нужном вам месте.

Если рассказывать вкратце, то в WordPress функция the_content выполняет отображение всего текста поста с сохранением форматирования. Именно ее вы можете найти в файле шаблона single.php (на страницах записей). Если же в текстовом редакторе для конкретного поста добавить ссылку читать далее (quicktag), то система спрячет часть текста, отобразив лишь анонс. С функцией the_excerpt все куда проще — она сразу показывает анонс заметки без форматирования. Здесь, как видите, никакой «связи» с WordPress тегом more нет, — просто выводится линк на текущий пост с нужным вам текстом.

Как заставить css-variables перевычисляться?

Advanced Excerpt — еще один wordpress плагин для читать далее. Он позволяет настроить некоторые параметры отображения анонсов постов в блоге без необходимости править файлы шаблона. Например, вы можете указать количество слов / символов в превью, переопределить базовый вывод анонса, добавить отображение тега more, если его нет, и т.п.

Похожие статьи:

Сохранить моё имя, email и адрес сайта в этом браузере для последующих моих комментариев. В наборе использованы 5 основных классов соответствующих той или иной цветовой схеме (pink, purple, blue, yelow, green), с помощью добавления определённых классов, изменяются базовые стили по умолчанию и при наведении курсора на ссылку «Читать далее». Ниже вы можете посмотреть живой пример, а также код CSS, для формирования одного из стилей кнопки.

Этот же прием можно использовать с функцией the_content (без параметров), когда вы хотите расположить ссылку читать далее не сразу после текста, а в отдельном блоке, например, для реализации нестандартного дизайна кнопки. Сейчас отображение записей с тегом more можно найти в большинстве современных WordPress шаблонов, хотя это зависит от дизайна вашего сайта. Чаще всего данная реализация встречается в журнальных (magazine) темах, где используется множество информационных блоков с краткими анонсами новостей. Плюсы очевидны — вы можете разместить больше постов на странице, а пользователю не придется прокручивать много лишнего текста.

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