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

18 комментариев

Вы наверное знаете, что можно в любом месте обрезать пост и в конце анонса поставить ссылку на его полную версию при помощи кнопок в редакторе в админке или же блока «Тег Далее» в Gutenberg. В этом урока я покажу несколько способов, как изменить текст этой ссылки.

Кстати, про то, как формируются отрывки постов для страниц блога и категорий, я рассказывал в этом видеоуроке.

Классический редактор

Это было когда-то очень давно 🦖, ещё до прихода Gutenberg. Я даже решил оставить те самые старые скриншоты, когда я впервые записывал этот урок.

Визуальный редактор:

кнопка далее в визуальном редакторе — Кнопка «Читать далее» в старом редакторе TinyMCE

HTML-редактор:

Так вот, неважно какой кнопкой вы воспользовались, в HTML-редакторе на месте обрезки поста появится тег: .

И в таких случаях, для того, чтобы изменить текст ссылки «Читать далее», нам достаточно изменить этот тег, например на  или  или что угодно другое.

В редакторе Gutenberg

А тут совсем всё легко, правда в первый раз может быть не совсем очевидно, поэтому записал для вас это видео:

Изменяем текст или HTML ссылки сразу для всех постов при помощи фильтра the_content_more_link

Фильтр the_content_more_link находится внутри функции get_the_content() и про него я уже рассказывал ранее.

Тем не менее вот простейший пример изменения текста ссылки:

add_filter( 'the_content_more_link', 'true_new_more_text', 10, 2 );
 
function true_new_more_text( $more_link, $more_link_text ) {
 
	$new = "продолжить чтение..."; // вписываем своё
	return str_replace( $more_link_text, $new, $more_link );
}

А тут мы полностью перезаписываем её HTML:

add_filter('the_content_more_link', 'true_more_button_not_a_link' );
 
function true_more_button_not_a_link( $more_link ) {
 
	return '<button class="readmorebtn" onclick="' .
        esc_attr('window.location="' . get_permalink() . '"') .
        '">Далее</button>';
 
}

Не знаете, куда вставлять код?

Первый параметр функций the_content() или get_the_content()

Если вы сами занимаетесь разработкой темы для WordPress, об этом у меня кстати есть видеокурс, тогда вы можете контролировать текст ссылки «Читать далее» первым параметром этих функций $more_link_text, например для функции the_content():

the_content( 'Продолжить чтение..' );

или для get_the_content():

$content = get_the_content( 'Продолжить чтение..' );

Миша

Впервые познакомился с WordPress в 2009 году. Организатор и спикер на конференциях WordCamp. Преподаватель в школе Нетология.

Пишите, если нужна помощь с сайтом или разработка с нуля.

В классическом редакторе
В Gutenberg
При помощи фильтра
Параметр $more_link_text

Комментарии — 18

B.G. 3 Июл 2012
Очень интересно! Блин, ваще зачитался Вашим блогом!!! Спасибо!
- Миша 4 Июл 2012
  Пожалуйста)) очень приятно читать такие комменты)
Михаил 25 Июл 2012
Круто! Спасибо за совет!
- Миша 25 Июл 2012
  :)
Дмитрий 28 Авг 2014
Помог. 2 дня искал как изменить more. У меня тема не стандартная. Другие примеры не подходили. Твое решение сработало сразу на 100%. Респект!
- Миша 29 Авг 2014
  Всегда пожалуйста, буду рад, если поделитесь статьёй в соц сетях :)
Fred 29 Авг 2014
add_filter( 'the_content_more_link', 'new_more_text', 10, 2 );

что означают цифры 10, 2?
- Миша 30 Авг 2014
  10 - приоритет фильтра (чем он меньше, тем раньше фильтр будет применен),
  2 - количество параметров в фильтре.
Катерина 21 Янв 2015
Вставила ссылку как вы написали, думала не хватает именно фразы "продолжить чтение", чтобы запись сокращалась, но после все равно все осталось по-прежнему. В админке все верно, на деле - текст висит огромный. Влияет ли то, что я прикрепила на верхнюю панель запись вместо страницы или то, что запись пока одна?... Буду рада ответу.
- Миша 22 Янв 2015
  Пожалуйста, вот инфа по теме: https://misha.agency/wordpress/the_content.html#global_more.
Андрей 8 Фев 2015
А как убрать эту кнопку вместе со ссылкой на полную статью?
- Миша 9 Фев 2015
  Попробуйте:
  function true_remove_more( $more ) { return; } add_filter( 'excerpt_more', 'true_remove_more' );
  - Андрей 9 Фев 2015
    Михаил, я так понимаю это нужно вставить в файл functions.php? Если да, то не срабатывает.
    - Миша 10 Фев 2015
      А у вас через какую функцию выводятся анонсы постов со ссылкой далее?
      - Андрей 12 Фев 2015
        Это сложный вопрос и я не совсем понимаю его суть. Есть тег по нему и обрезается статья на главной. При это размещается кнопка "Далее". Я могу ее скрыть визуально с помощью css файла, но при просмотре кода она все равно остается. И как убрать совсем, при этом открывать статью с главной нажав на заголовок - не знаю. Просто если эту кнопку оставить, то с главной на одну и туже статью идет 2 ссылки (одна с анкором заголовок, вторая далее), а если это, например, архив старых записей, то может быть все три ссылки, так как у меня наиболее популярные выводятся в сайтбаре
        
        Миша 13 Фев 2015
        Вы можете связаться со мной по email, скинете мне FTP доступы к сайту и я вам исправлю.
Елена 27 Июн 2015
Добрый день!
У меня сайт на новой теме. Можете помочь исправить Читать далее на Подробнее. Не могу сама. В этой теме все по другому.
- Миша 27 Июн 2015
  Добрый день!
  Ну если всё по-другому, то как я могу вам помочь? Тут нужно смотреть.

Чтобы оставить комментарий, пожалуйста, зарегистрируйтесь или войдите.