Как убрать три точки из анонса поста

Последнее обновлене - 15 января 2023 в 16:44

Иногда требуется убрать три точки из анонса поста на главной странице или страницах категорий сайта, работающего под управлением CMS WordPress. Возможно, вы уже видели на некоторых сайтах или блогах вот такие знаки — […], которые следуют сразу после отрывка поста на главной.

В некоторых темах, после отрывка записи, есть ссылка в виде кнопки «Читать далее». В каких-то темах такой ссылки может не быть. Далее посмотрим, как можно быстро избавиться от знаков в виде многоточия и поставить сразу после анонса ссылку вида «Посмотреть», «Почитать» и так далее.

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

<?php the_excerpt(); ?>

Эту функцию можно найти в файле рабочей темы сайта, отвечающем за вывод главной страницы или страниц категорий, архивов, тегов.

Чтобы во время работы данной функции не выводились три точки после отрывка записи, необходимо внести в functions.php всего несколько строчек:

//Удаляю многоточие в анонсах
function new_excerpt_more($more) {
global $post;
return '';
}
add_filter('excerpt_more', 'new_excerpt_more');

В результате работы этого кода, точки в анонсах исчезнут. Но как быть, если требуется дополнительно мотивировать читателя перейти к основному содержимому поста? Для этого можно добавить кнопку «Читать далее», «Узнать подробности» и так далее, всё зависит от вашей фантазии.

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

//Удаляю многоточие в анонсах и вставляю ссылку "Читать далее"
function new_excerpt_more($more) {
global $post;
return ' <a class="more_link" href="'. get_permalink($post->ID) . '">Прочитать полностью</a>';
}
add_filter('excerpt_more', 'new_excerpt_more');

Есть желание, чтобы ссылка обрела очертания кнопки, а не выглядела обычным текстом? Это можно легко реализовать при помощи CSS и файла стилей рабочей темы сайта. Обратите внимание снова на 4 строчку кода. Там ссылке присвоен класс more_link. С этим классом и будем работать при редактировании файла style.css.

Всем WEB!