Изменения текста ссылки «Подробнее…» в анонсах статей на WordPress

При написании статей WordPress позволяет публиковать только часть статьи (анонс), для этого необходимо в любой части текста добавить условный тег <!--more-->, все, что будет находиться выше этого тега попадет в анонс. Если рассматривать переведенную тему, которая стоит по-умолчанию при установке WordPress, то мы увидим ссылку: Прочитать остальную часть записи ».

Рассмотрим несколько простых решений, позволяющих задать собственный текст ссылки в анонсах.

Чтобы изменить текст ссылки необходимо в файлах темы index.php и archive.php заменить строку (пример привожу согласно теме «default», которая устанавливается по-умолчанию на блоге WordPress):

<?php the_content(__('Read the rest of this entry »', 'kubrick')); ?>

на:

<?php the_content('Читать далее'); ?>

Теперь все ссылки в анонсах статей будут заменены на «Читать далее».

Возможно для некоторых записей вам захочется создать какую-то уникальную фразу-ссылку в анонсе на статью целиком, например: «Подробнее». Это достаточно легко сделать, просто добавьте текст ссылки в условный тег <!--more--> при редактировании записи в режиме HTML:

<!--more Подробнее-->

Если вы не собираетесь менять текст ссылки в отдельных статьях и вам достаточно ссылки «Читать далее», то можно воспользоваться еще более удобным способом, для этого в WordPress 2.8+ имеется встроенный фильтр the_content_more_link, который позволяет управлять текстом ссылки.

Как и в предыдущем примере сделаем свой текст ссылки «Читать далее». Открываем файл functions.php, находящийся в папке с нашей темой, и добавляем следующий фильтр:

add_filter( 'the_content_more_link', 'my_more_link', 10, 2 );

function my_more_link( $more_link, $more_link_text ) {
    return str_replace( $more_link_text, 'Читать далее', $more_link );
}

Сохраняем файл functions.php и теперь в анонсах статьи видим ссылку «Читать далее».

За внешний вид ссылки отвечает класс .more-link, для ее оформления необходимо добавить в основную таблицу стилей (style.css), к примеру, следующий код:

.more-link {
    background-color: #E2EEF2;
}

Написать комментарий