Трюки с ссылкой “читать далее”

WordPress ссылка читать далее

Добрый день!

В сегодняшней статье хочу описать все нюансы, касающиеся ссылки “читать далее” и тега more.

Началось все с фриланс биржи, на которой один англичанин создал проект с текстом “объясните мне как изменить ссылку читать далее”. Понятно, что писал он на английском (типа, link read more и т.д.). Я ему написал как это сделать. А потом сам думаю, сапожник-то – без сапог! На своем блоге ссылка “читать далее” в первородном состоянии: никакой уникальности, никакого способствования продвижению и, естественно, с тегом #more в конце урл.

Вообщем, рекомендую почитать статью очень внимательно. Уверен, что каждый найдет в ней что-то новое, чего еще не знал. И в этом месте я ставлю <!—more—>

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

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

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

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

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

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

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

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

 

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

Наверняка, вы видели ни один блог, где на главной странице выводятся анонсы статей. Сначала идет текст начала статьи, а за ним ссылка “читать далее” (текст ссылки может быть другой).

ссылка "читать далее" после анонса статьи

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

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

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

Кнопка вставки тега more в визуальном режиме

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

Кнопка вставки тега more в режиме текст

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

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

Если вы просто добавили <!—more—>, то после анонсов у вас будет стандартная запись, типа “читать далее” или какая-то другая (какая в вашем шаблоне прописана). Везде будут ссылка с одинаковым текстом.

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

Например, после вступления к одной статье вместо “Читать далее” у меня идет ссылка “Узнать больше о WordPress помощи…”, у другой статьи в продолжение стоит “Узнать как посмотреть исходный код страницы” и т.д.

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

<!—more Уникальный текст ссылки more –>

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

Дело в том, что у вас в таком случае получается еще одна ссылка на статью, содержащая, ключевые слова. А то все пишут о важности перелинковки, о плагине YARPP и подобных, а посмотришь на главной “читать далее”, “читать дальше”, “читать слишком далеко”…

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

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

 

Как изменить текст ссылки “читать далее”

Допустим, вы не хотите заниматься прописыванием уникального текста для каждого more, а просто желаете заменить текст ссылки для всех анонсов на что-то другое, типа “читать еще”, “продолжение” и т.п. Тоже нужное дело, все-таки, какая-никакая, а уникализация – выход из массы шаблонов с текстом “читать далее”.

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

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

Можно даже вставить свой блок с классом, для создания собственного стиля ссылки “читать далее”.

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

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

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

Вписывание текста непосредственно в <!–more Уникальный текст ссылки more –>, конечно же проще и понятней.

 

Добавление заголовка статьи в ссылку “читать далее”

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

 

 

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

По-умолчанию, к url адресу ссылки “читать далее” добавляется конструкция #more-123, где 123 – номер поста. Это указание на якорь к которому прокручивается страница после перехода по такой ссылке.

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

Многие изначально просто избавляются от этого функционала.

Чтобы убрать #more из ссылки добавьте в functions.php следующий код:

 

Стилизация ссылки “читать далее”

Напоследок скажу, что для изменения внешнего вида ссылки “читать далее” используйте встроенный класс .more-link (он изначально добавляется ко всем ссылкам more)

 

На этом все. Полагаю, что вы успешно разобрались с тем, как в WordPress преобразовать ссылку “читать далее”.

Пока!

Понравилась статья? Не забудьте поделиться с друзьями и коллегами:

Вы можете пропустить чтение записи и оставить комментарий. Размещение ссылок запрещено.

23 комментария к записи “Трюки с ссылкой “читать далее””

  1. Алексей

    Здравствуйте Алексей
    Спасибо за статью…. Узнал много нового про данный тег
    Я обычно в своем блоге использую

    <a target="_blank"

    Ждем новых статей про часто используемые теги….
    Если у Вас будет время и возможность – прошу оставить комментарий
    на моем блоге…

    • Алексей Ершов

      Приветствую, тёзка!
      По поводу таргет бланк не понял, что вы имели в виду. У вас на блоге смотрю используется иконка с плюсиком вместо ссылки “читать далее”.
      Смотрю, что на ответ вы не подписались, но все-равно сообщу (на случай, если вернетесь), что вы стали победителем в конкурсе первого комментария. Для получения приза (15 WMR) необходимо сделать репост статьи и прислать мне ваш R-кошелек.

  2. Елена

    Буквально на двух последних записях у меня не получается поставить в нужном месте ссылку -читать далее.Не знаю почему она устанавливается в конце текста, а не в отмеченном мной месте. Не подскажите, почему так?

    • Алексей Ершов

      Код вот так должен выглядеть.

      Проблема именно с двумя последними записями? А в других записях все хорошо?

      • Елена

        Я сначала писала статью и потом ставила эту ссылку в нужном мне месте. В на последних двух записях ссылка не идет в отмеченном мной месте и устанавливается в конце записи.Я профан и самоучка. Живу в США и спросить об этом некого.

        • Алексей Ершов

          Неважно в какой момент вы вставляли ссылку. Если пишите в редакторе Вордпресс, то в режиме “текст” нужно вставить вот тот фрагмент кода, который я привел выше. Пока затрудняюсь сказать в чем проблема. Если что можете написать мне личным сообщением или в скайп (см. страницу О сайте) доступ в админку – я посмотрю.

          • ирина

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

            @
  3. Елена

    Вообщем благодаря вам получилось. Вы выше написали “в режиме текст”…Я попробовала и вставила -more-. Раньше я всегда вставляла без проблем в визуальном режиме.Значит теперь буду вставлять ссылку в этом режиме. Но как то странно. С чего бы это.

    • Алексей Ершов

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

  4. Мария

    Огромное спасибо автору! Очень помогло! Воспользовалась вторым способом. Тема Twenty Fourteen. Проблема была с этим текстом more. Если добавить в тег свой текст:
    , а потом удалить или заменить на другой, то все равно оставался этот текст “Мой текст”. Что я только не перепробовала: и переводы, и 1 способ… Вы прям выручили!

    • Алексей Ершов

      Рад, что статья оказалась полезной. Спасибо за комментарий!

  5. сергей

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

  6. Виктор

    Здравствуйте Алексей!
    Прошу прощение за свой, можно сказать глупый вопрос.
    Прочел вашу статью, и честно немного не понял. Из всех перечисленных функций, есть та, которая будет выводить “Читать далее” по умолчанию на каждый новый пост?” Верстаю свою тему и хочу сделать такую функцию. Конечно, может я зря взялся за это так рано, и надо было еще немного подучиться. Но, меня “разрывает” от нетерпения сделать свою тему :)

    По ссылке: https://yadi.sk/i/Oluh63n7pygZh можно глянуть скрин того, как должно все быть. Моя тема уже на стадии завершения, и вот эта кнопка затормозила верстку. Может подскажите мне функцию? Или без вставления тега “More” при создании поста не обойтись??

  7. Константин

    У меня вообще отсутствует кнопка Читать далее. При вставке в редакторе записей, пишет OF. Подскажите, как её добавить или включить?

  8. Максим

    Спасибо. Сделал по Вашему образцу. Все отлично. И, согласен с Вами, так лучше для СЕО

  9. Сергей

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

  10. Алексей

    Здравствуйте, Алексей.В записи, в текстовом редакторе вставляю тег more, на главной анонс обрезается как надо, а “читать далее” не видно.В чем дело подскажите?

  11. Сергей

    Добрый день.
    Ни один из вариантов редактирования не подошёл. И совершенно не важно для “чайников” написан пост или для “профи” как здесь отмечалось. Проблема остаётся.
    Вообще во многом WordPress непонятен. Вроде создан для среднего пользователя незнакомого с CSS или HTML, а порой элементарные вещи в чужих вёрстках не поддаются редактированию. Вот и в этом случае, не удаётся ни убрать ссылку “…читать далее” ни отредактировать текст ссылки.

  12. Елена

    Доброго времени суток, подскажите пожалуйста, я создала блог с тегом читать далее, но когда на странице сайта нажимаю читать далее, переходишь на пустую страницу блога,заголовок есть кроме статьи,одна статья только работает(вышивка), что делать??? вот сайт чтоб посмотреть vseorukodelie.ru

  13. Иван

    Огромное вам спасибо!

    У меня была проблема даже хуже, выводилась не ссылка, а просто текст “(далее…)” в конце каждого анонса на страницах категорий.
    Сколько я всего перепробовал и перечитал…
    Помог только ваш “Второй способ с использованием хука the_content_more_link.”

  14. vadosss

    Ничего не получается, не могу найти подобные теги. Хочу убрать Читать далее, и так исходящих ссылок много… Тема Tuto…

  15. Александр

    Здравствуйте, Алексей!
    У меня несколько другой вопрос. Когда стояла старая стандартная тема Вордпресс, я с успехом пользовался вашими советами, вручную меняя при написании очередного поста надпись “Читать далее” на свой вариант. Но та тема мне не нравилась, так как в ней были слишком большие заголовки, да и вообще хотелось тему с “островками” как Вконтакте например. И вот нашел такую тему, но в ней также эти островки на мой взгляд великоваты. Искал как их уменьшить, но поступил по другому. В этой новой теме оказывается надпись “Читать далее” можно глобально заменить на свою прямо в настройках темы. В общем я просто оставил это поле пустым и “Читать далее” пропало вообще, сделав островок анонса статьи меньше размером, что мне понравилось.
    У меня 2 вопроса.
    1. Зачем вообще эта надпись “Читать далее”, если в сам пост для прочтения его полностью можно войти просто, достаточно кликнуть по названию поста в анонсе?
    2. Можно ли делать, как сделал я. Или возможно есть какие-то подводные камни?
    Меня все устраивает, при написании поста ставлю тег more. На главную выводится лишь то, что написано до этого тега. Но самого названия-ссылки “Читать далее”не видно. В сам пост попадать можно нажав на его заглавие.

  16. Юля

    Здравствуйте!

    У меня такой вопрос.

    Текст “Читать дальше” нужно разместить в описании категорий.
    Например, категория Деревянные украшения, есть товар, непосредственно бусы, серьги браслеты и т.д.

    Но вот сам рассказ про деревянные украшения, в WP размещен в описании категории “деревянные украшения”.

    Там нет режима редактора, и код не вставляется.

    Как быть, подскажите пожалуйста!

    Заранее спасибо!

Оставить комментарий

Для размещения кода в комментарии используйте теги <pre> </pre>, например:


Подписаться, не комментируя