Как быть с кнопкой “Читай дальше”?*

Вопрос использовать или нет кнопку или текствую ссылку в конце отрывка на главной странице блога во многом философский.

Научная практика ещё не выяснила как лучше.

Допустим, вы хотите использовать текстовую ссылку “Читать далее”, а шаблон этого не предусматривает.

Если повезёт, можно добавить такую ссылку в отрывок с помощью небольшого сниппета как добавление к functions.php – лучше всего с помощью плагина Code Snippets.

Вот этот фрагмент кода:

function add_read_more_button($excerpt) {
    return $excerpt . ' <a class="read-more-button" href="' . get_permalink() . '">Читать далее...</a>';
}
add_filter('the_excerpt', 'add_read_more_button');

Теперь можно эту ссылку превратить в кнопку с помощью CSS стиля.

.read-more-button {
    display: inline-block;
    padding: 8px 16px;
    background-color: #0073e6; /* Button background color */
    color: #ffffff; /* Button text color */
    text-decoration: none;
    border-radius: 4px;
    font-weight: bold;
}

.read-more-button:hover {
    background-color: #005bb5; /* Hover color */
}

Добавляем его в Дополнительные стили через Настроить и меняем цвета и размеры текста и кнопочки как больше нравится.

 ⬇ Поделиться в соцсетях и мессенджерах