Тег #more — как убрать из ссылки на сайте WordPress

Доброго времени суток, дорогие читатели блога! На одном из занятий мы изучали редактор записи на WordPress. И узнали, как вставить в текст тег «Читать далее». Это вещь полезная. Но теперь в ссылках появляется хвостик — тег #more-1234.

Иначе его ещё называют якорь #more. И он портит весь вид нашей ссылки. Но что делать? Не использовать тег «Далее»? Вовсе нет. Ведь он помогает нам выводить в блоге лишь начало статьи до нужного места. А не всю статью полностью.

Выход есть. И сегодня мы кое-что сделаем для устранения этого хвоста.

Тег «Читать далее» на сайте WordPress

Если вы уже пользуетесь тегом more, то данный раздел можете пропустить и сразу перейти ко второму. А если только собираетесь, то взглянем на него. Так выглядит кнопка «Читать далее» на моём блоге.

Тег MORE - кнопка Читать далее

А в редакторе записи данный тег вставляется следующим образом. Ставим курсор в нужное место и нажимаем кнопку — Вставить тег «Далее». После чего появится разделительная линия со знаком MORE посередине. Смотрим скриншот.

Как вставить тег more в редакторе записи на сайте Вордпресс

Как убрать тег #more из ссылки

Итак, давайте посмотрим, как выглядят ссылки на сайте, если мы откроем статью, нажав кнопку Далее.

Хвост тег #more в ссылках на сайте WordPress

Как видим, в конце добавляется хвостик #more и цифры. И так на каждой ссылке. Выглядит ужасно. А для того, чтобы его убрать, нужно вставить небольшой код в файл function.php.

Итак, копируем этот код:

add_filter( 'the_content_more_link', 'modify_read_more_link' );
function modify_read_more_link() {
return '<a class="more-link" href="' . get_permalink() . '">Читать далее</a>';
}

Затем идём в Файловый менеджер и открываем корневую папку сайта. Ищем файл function.php. У меня он имеет такой путь:

wordpress/public_html/wp-content/themes/ваша_тема/function.php

Вставить код можно в самом конце файла. Но до закрывающего тега ?>

Вот так это выглядит у меня:

Вставить код в function.php, чтобы убрать якорь "далее" из ссылок на сайте WordPress

И теперь все ссылки на сайте обрели нормальный вид, как и должно быть:

Ссылки на сайте Вордпресс без хвоста "далее"

Таким образом, при нажатии кнопки «читать далее» убирается прокрутка до тега more, а также исчезает якорь из ссылки.

Вот и всё. Как видите, ничего сложного. Всем добра! И увидимся в следующих уроках по созданию сайта в рубрике Работа в блоге 😉

Надоел спам в комментариях? Поможет установка крутого плагина.