Результат сегодняшней статьи вы можете посмотреть на главной странице.

float: right; /* Отвечает за выравнивание кнопки право или лево */

width: 180px; /* Ширина кнопки */

height: 25px; /* Высота кнопки */

border: 2px solid #fff; /* Толщина обводки */

border-radius: 7px; /* Радиус */

box-shadow: 0px 0px 5px #007dab; /* Отвечает за тень кнопки */

background: #007dab; /* Цвет Фона кнопки */

font: normal 12px/25px Arial, sans-serif; /* Настойки шрифта, размер, стиль */

text-align: center; /* Выравнивание текста */

margin-right: 160px; /* Смещение вправо */

margin-bottom: 25px; /* Смещение вниз */

margin-top: -15px; /* Смещение вверх */
}
Это стиль моей кнопки, вы можете его редактировать как вам нужно, Но если вы мало понимаете в CSS то советую поменять только цвета и расположение кнопки относительно контенту! Сохраняем и переходим к следующему шагу.

И завершающий этап вывод самой кнопки в анонсах наших статей, открываем тут же в консоли в редакторе файл index. php находим такой код:

У вас он возможно немного отличается но думаю понятно, если что спрашивайте в комментариях я помогу разобраться.

И добавляем после него наш код с выводом красивой кнопки:
” title=””>

Рекомендую использовать для редактирования файлов блокнот Notepad++ , редактор для wordpress. Потому что можно вернуть сделанные изменения в отличии от стандартного редактора. Я не стал рекомендовать это в начале статьи потому что мы только добавляли код а не редактировали существующий, поэтому необходимость возврата изменений не так велика.

Как изменить «more» или “Читать далее?”

Некоторые блогеры совсем отказались от классического “под катом” и выкладывают статьи на веб-страницы своего блога полностью, как если бы вы были не блогером, а занимались созданием сайта. Такая система замечена и во многих американских блогах. Которые, как принято считать, всегда являются первопроходцами (Pioneer) в области блоггинга.

Пример для блога на CMS WordPress

Открываете интерфейс администратора WordPress. Далее, по пунктам меню:

Внешний вид.
Редактор.
Основной шаблон/index.php.
Найдите тег.
Выделяете анкор и вставляете, какой хочется.
Найти и нажать кнопку “Обновить файл”.
Внешний вид.
Редактор.
Архивы/archive.php.
Меняете текст.
Нажимаете “Обновить файл”.

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

Как уже упоминалось выше, вариант с десятком анонсов на веб-странице далеко не всегда является лучшим выбором. Часто бывает гораздо юзабильнее для читателей создать удобную структуру и меню навигации, которые бы обеспечивали легкий доступ к искомой информации.

Многие топовые сео-блогеры Рунета не пользуются тегом . Новая статья публикуется на первой странице в полном виде. Читателям не приходится пробираться через дебри ссылок. Чтобы найти релевантные материалы, после статьи размещается пять-шесть ссылок на похожие страницы. Под-кат — это уже не современно. Так, что изменение тега «more» в WordPress уже не очень актуально.

Сегодня в подавляющем большинстве блогов статьи отображаются именно с таким тэгом. Примечательно, что в некоторых шаблонах уже предусмотрена подобная функция, когда после подготовки статьи к публикации вы одним нажатием клавиши устанавливает соответствующий тэг в определенном месте.

Реализация подобной функции на нашей платформе подразумевает лишь два шага:

демонстрация анонса записи (например, первого абзаца);
установка ссылки.

Обратите внимание! Примечательно, что второй шаг, в принципе, не такой уж и важный. Поскольку для перехода к полному тексту статьи можно кликнуть по заголовку.

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

использовать функцию the_content() и добавления самой ссылки;
использовать the_excerpt(), которая применяется вместо the_content().

Кратко поясним, что ф-ция the_content позволяет отображать текст с примененным к нему форматированием. Такая функция предусмотрена в файле single.php, который находится на странице постов/статей. Когда в редакторе текста при добавлении статьи на сайт вы установите соответствующую ссылку (она называется quicktag), то автоматически будет скрыта часть текста статьи, а посетители будут видеть лишь краткий анонс записи.

В свою очередь, функция the_excerpt – она позволяет видеть сразу анонс, но без форматирования.

Как добавить тэг more в WordPress в текстовом редакторе

Если вы проводите редактирование материала в формате HTML, там также предусмотрена соответствующая кнопка. Однако достаточно просто вставить тэг в конкретном месте вашего материала.

Обратите внимание! Устанавливать такую ссылку вовсе необязательно строго в конце абзаца. Она может ставиться фактически после любого слова. Помните, что тэг прописывается строго слитно, без пробелов.

Как добавить Read more link в WordPress в шаблоне

the_content;
the_excerpt.

Находятся они в макете там, где и предусмотрено отображение всего списка статей вашего сайта:

главная (index.php);
архивы (archive.php);
категории (category.php);
и так далее.

Ф-ция the_content необходима для того, чтобы текст статьи отображался полностью. Для того, чтобы на главной появился только анонс, в редакторе при форматировании и подготовке поста к публикации следует установить тэг Read more:

Как видите, все довольно просто! В код нужно внести лишь небольшие изменения. Кроме того, у вас есть возможность полностью изменить Read more, установив в текст вашего предложения даже полноценное заглавие статьи/поста. И при этом допускается выполнение HTML форматирование. Ведь, вполне вероятно, подобная ссылка будет более позитивно оценена поисковыми роботами.

Читать далее ‘ . the_title(», », false)); ?>

Если же говорить о ф-ции the_excerpt, то в ней вообще не предусмотрено каких-либо настроек. Она лишь демонстрирует краткий анонс статьи, не применяя ее форматирование.

Для того, чтобы у вас появилась соответствующая ссылка, необходимо вставить код:

То есть, по сути, тут нет какой-либо конкретной связи с привычным тэгом More. В данной ситуации демонстрируется лишь ссылка на статью.

Кстати, также вы можете поступать с ф-ей the_content, если у вас есть желание установить ссылку не в конкретном месте текста, а в отдельном блоке. К примеру, когда речь заходит о такой «фишке», как создание необычного дизайна.

И еще несколько интересных и полезных дополнений, которые помогут вам в работе с описываемым тэгом. Представлены они на официальном сайте нашей любимой платформы.

Как убрать прокрутку для More link

function remove_more_link_scroll($link) {

$link = preg_replace(‘|#more-+|’, », $link);

return $link;

add_filter(‘the_content_more_link’, ‘remove_more_link_scroll’);

Наиболее простой способ – это перейти в ф-цию и поменять $more_link_text. Однако, чтобы полностью изменить формат такой ссылки, в functions.php вам следует лишь добавить приведенный ниже код:

add_filter(‘the_content_more_link’, ‘modify_read_more_link’);

function modify_read_more_link() {

return ‘Your Read More Link Text’;

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

Для формирования такой кнопки вам понадобится применение стилей CSS. Так, по умолчанию предусмотрено, что ф-ция the_content вставляется непосредственно в тэг А class=»more-link».

Так что вам достаточно просто установить в разделе style.css следующий код:

a.more-link {

display:block;

width:151px;

height:24px;

padding-left:10px;

clear:both;

border:none;

line-height:22px;

margin-top:10px;

font-size:12px;

a.more-link {

color:#FFF;

background:url(images/readmore.jpg) 0 0 no-repeat;

Так, в начале задаются параметры кнопки, а далее, во втором правиле, предусмотрена ссылка на фоновую картинку readmore.jpg. Естественно, чтобы выполнить все это, необходимо иметь хотя бы начальные знания CSS.

Параметры анонса для функции the_excerpt

Данные решения будут интересны тем, кто на сайте для демонстрации анонсов использует функцию the_excerpt.

Для начала отметим, что с помощью данного метода вы сможете изменить количество демонстрируемых символов. По умолчанию предусмотрена демонстрация 55 символов.

function wpdocs_custom_excerpt_length($length) {

return 70;

add_filter(‘excerpt_length’, ‘wpdocs_custom_excerpt_length’, 999);

Кроме того, предусмотрена смена стандартного варианта окончания текста. Когда вместо троеточия […] может быть установлен фактически любой подходящий вам вариант. Хотя, конечно же, он не будет являться ссылкой.

function wpdocs_excerpt_more($more) {

return ‘… >>’;

add_filter(‘excerpt_more’, ‘wpdocs_excerpt_more’);

Выше мы рассматривали эту функцию. А теперь расскажем, как можно реализовать данное решение, используя functions.php:

function new_excerpt_more($more) {

global $post;

return ‘ID) . ‘»> Читать статью полностью…’;

add_filter(‘excerpt_more’, ‘new_excerpt_more’);

Плагины для тэга More в WordPress

Также вы можете ограничиться использованием специальных плагинов и расширений, которые доступны для платформы . Отметим два подобных решения.

Page Links To

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

После установки этого расширения в административной панели будет создано поле, в котором вы будете указывать свою ссылку для дальнейшего перехода. Одновременно с этим появляется 301 редирект. Также предусмотрена возможность установки 302 Moved Temporarily.

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

Advanced Excerpt

Данное расширение дает возможность демонстрировать краткие анонсы статей без необходимости вносить какие-либо исправление в баллон вашей темы.

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

Остались какие-либо вопросы о применении тэга Read more в WordPress? Задавайте вопросы и мы обязательно ответим на них!

Хотите создать свой сайт, но не знаете, как? Переходите по и зарегистрируйтесь на бесплатный тренинг и уже через 4 дня у вас будет свой сайт!

Добрый день!

Начнем с самого начала на тот случай, если кто-то вообще ничего не знает о more.

Я не был на море.

– Ладно, не заливай, ни разу не был на море!

– Не довелось, не был…

– Уже постучались на небеса, накачались текиллой, буквально проводили себя в последний путь, а ты на море-то не побывал?!

– Не успел, не вышло…

– Не знал, что на небесах никуда без этого?

к/ф “Достучаться до небес”

Как добавить more

Так вот, какой фрагмент текста отображать в анонсе задается с помощью тега more . Этот тег разделяет статью на две части: вступительную (анонс) и продолжение.

В редакторе WordPress тег more можно вставить с помощью кнопки в панели инструментов.

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

2. Текстовый режим редактора:

В текстовом режиме, так же можно вручную разделить запись: просто напишите

А теперь важная информация, которую знают далеко не все!

Так вот, есть элементарный способ задавать каждой ссылке после анонса свой уникальный текст!

Сделать это можно, просто написав, нужный текст внутри конструкции с more. Вот так:

Спросите а зачем так делать? Еще прописывать каждый раз текст.

Честно говоря, сам такой =) Уже 84 статьи опубликовал, и только “расчехлился” по этому поводу.

Как изменить текст?

1. Первый – самый простой способ – это добавить ваш текст (обычно в index.php) в функцию the_content

2. Второй способ с использованием хука the_content_more_link . Просто добавьте следующий код в и задайте желаемый текст ссылки.

function my_more_link($more_link, $more_link_text) { return str_replace($more_link_text, "Продолжить чтение...", $more_link); } add_filter("the_content_more_link", "my_more_link", 10, 2);

Этот способ удобен тем, что вам не нужно искать по файлам шаблона, где именно у вас используется the_content (это не обязательно в index.php, может быть и content.php и что угодно.) Здесь вы работаете только в файле functions.php.

3. В третьем пункте просто сохраню для истории способ с использованием произвольного поля WordPress.

ID, "custom_more_text", true); if(!$custom_more) { $custom_more = "Продолжить чтение статьи »"; } the_content($custom_more); ?>

Вписывание текста непосредственно в , конечно же проще и понятней.

Здесь просто откорректируйте вызов функции the_content одним из двух способов.

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

В коде этот якорь устанавливается таким вот способом: