Как сделать уникальную ссылку тега more в wordpress

Примерно месяц назад я внес кое-какие изменения в стандартную wordpress ссылку «Читать далее…». Это та самая ссылка, которая прячет весь основной контент под «кат» при вставке в пост разделительного тега more. Раньше она у меня располагалась под анонсом поста напротив меток. Выглядело очень не красиво, не удобно для посетителя, не эффективно в плане seo.

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

Как изменить ссылку тега more "Читать далее..." в wordpress

Ну так вот, изменил я ее с месяц назад и даже не удосужился пост об этом написать. А вчера работая над новым проектом, о котором я обязательно сообщу, когда он будет готов к приему посетителей (развлекательная тематика), мне вновь понадобилось сделать такую ссылку (проект тоже на wordpress) и черт подери, я не знал как это сделать :(!

Теперь я поступлю не так опрометчиво и напишу таки пост об этом. А вдруг опять понадобится ;).

Все начинается с редактирования файла post-template.php, который находится в папке wp-includes. В этом файле есть строчка отвечающая за вид ссылки тега more (обычно 220 строка), которым мы разделяем посты при написании:

$output .= apply_filters( 'the_content_more_link', ' <a href="' . get_permalink() . "#more-{$post->ID}" class="more-link">$more_link_text</a>", $more_link_text );

В эту строчку я добавил тег заголовка h2 (и ограничил размер шрифта в 14 пикселей), добавил к ссылке всплывающую подсказку title и убрал к чертовой бабушке абсолютно не нужную приставку к ссылке #more-xxx. В итоге получился вот такой код:

$output .= apply_filters( 'the_content_more_link', ' <h2 style="font-size:14px;"><a href="' . get_permalink() . "" title="$more_link_text" >$more_link_text</a></h2>", $more_link_text );

Сохраняем файл и заливаем его на сервер заменив старый. Теперь при написании поста, разделив его в нужном месте тегом <!—more—>, добавляем необходимый анкор сразу после слова more перед —>, вот таким образом:

<!--moreКак добавить на сайт статичную кнопку для google plus?-->

Результат будет примерно таким (цвет ссылки только будет в соответствии с оформлением конкретно вашего блога):

Оригинальный тег more в wordpressНу а если вдруг забудете добавить оригинальный текст к тегу, тогда в таком же стиле будет выведена ссылка с анкором «Читать далее…».

Кстати, этот стандартный анкор тоже можно изменить. Делается это в файле index.php вашей темы, именно этот файл обычно отвечает за ленту постов. В этом файле находим строчку отвечающую за вывод контента, у меня это:

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

Вот тут «читать далее» меняем на любой нужный нам стандартный анкор. Я написал просто «Дальше интересней ->».

Все. Быстро и эффективно :).

Удачи Вам! С наступающим Новым годом!

Сладкое на сегодня: и все это руками. Просто супер. Наслаждайтесь 🙂

Комментарии

47 на запись "Как сделать уникальную ссылку тега more в wordpress"
  1. а как сделать, чтобы выравнивание этой кнопки было по правой части?

  2. Bestindex says:

    А как отнесется поисковик к тому, что h2 со своими атрибутами, а не прописанный в css файле?

  3. Ну да, h3 тоже хорошо.

  4. Busgame says:

    А как сделать, чтобы тег был всегда на одном месте (справа), а то у меня он всегда после конца анонса, в общем некрасиво получается. Поможете?

  5. Ну это как бы на любителя. Если на вскидку, то можно выделить пару моментов из-за которых можно немного напрячься:

    1. Дополнительные заголовки привлекающие внимание пользователей. Все лучше, чем стандартное «читать далее..» под каждым анонсом.2. Дополнительное вхождение ключевых слов, которые возможно никак не вписываются в заголовок статьи.

  6. Я лично сделать себе так «Название статьи» читать далее… Не знаю помогает ли это пользователям, но ссылка с уникальным (от части) анкором появляется. По крайней мере лучше чем куча одинаковых ссылок «Читать далее…»

  7. Я вот никак не могу понять, где изменить количество текста после more уже заискался….  не подскажите где рыть?

  8. В теге h2 попробуйте добавить color, примерно вот так:

  9. Martin31 says:

    Привет)…а у меня возникла такая проблема при замене кода в post-template.php
    в старых постах появилась измененная «Читать далее». Выглядит так..
    →” >Читать далее →
    как убрать лишнее?

  10. Там вроде также, как и здесь http://pervushin.com/tag-more-wordpress.html#comment-564924447

  11. Не пользовался, надо будет глянуть 🙂

  12. анна щуркина says:

    спасибо, получилось,только тоже поставила Н3 так как у меня заголовки на главной идут в Н2, СОБЛЮДАЕМ ИЕРАРХИЮ)))

  13. анна щуркина says:

    А 

  14. Таня says:

    Здравствуйте! У вас очень полезный сайт! Все намного понятнее, чем на других!
    Помогите пожалуйста разобраться!! Я не ставила себе программу ворд пресс. Я заказала сделать сайт в одной фирмочке. Но они сделаи полупустую болванку и теперь я учусь быть создателем сайтов так как все приходится делать самой. Проблема вот в чем. Программы у меня нет, я захожу по ссылке которую они мне дали( фирма) и ввожу пароль. Соответственно я не могу ничего менять в папках wp-includes и других, так как их у меня просто нет. ЧТо можно сделать в этой ситуации? Заранее спасибо ,если найдете возможность ответить мне!

  15. Антон says:

    Сергей, привет. Подскажи как изменить ссылку Читать далее в теме
    Twenty Eleven 1.2?

  16. seer says:

    Еще бы знать как сделать чтобы вместо автоматического определения размера анонса […], а именно так происходит в моем шаблоне, можно было регулировать размер самому с помощью

  17. Danil says:

    Здравия желаю.Не подскажите как сделать так как у вас на картинке с девушкой,думаю это будет очень по новому,если ещё с тенями поиграться в css 3))

  18. Совершенно верно, add_filter практичнее. Но статье уже не мало месяцев и тогда это был вариант).

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

    • Роман says:

      То, что ссылка с якорем создает дубль страницы — это заблуждение.

      • Я так и думал, пока не увидел одну из этих ссылок в индексе Яндекса. Уж не знаю каким невероятным образом она там оказалась, но факт.

        • Роман says:

          Да, действительно, невероятным. Может, это был временный глюк. Все-таки если брать общую картину, то ссылки с якорями не попадают в индекс. А еще вероятно, что это было давно, когда роботы еще не умели правильно обрабатывать такие ссылки.

  19. Скажите, а как перенести эту кнопку в права? А то она у меня с лева и как то не смотрится.

  20. Volmar says:

    Спасибо за подсказку, сделал так:
    $output .= apply_filters( ‘the_content_more_link’, ‘ ID}» class=»more-link»>Подробнее >>«, $more_link_text );

  21. Помогите, когда перехожу на блог через вкладку «читать далее» вверх страницы открывается как то слитно — картинка подбирает под себя текст. А когда заходишь через название, то все норм, текст и картинка на своем месте, что можно с этим сделать. Сайт — http://neprezident.ru/

  22. Спасибо огромное за пост!

    У меня в шаблоне стандартным решением было просто трое точие […] я все искал где и как исправить на [ Читать далее … ]
    Ваш пост помог, процветания Вам.

    С Уважением, Сергей Озимков.

  23. Дмитрий says:

    Полезный материл. Только почему на этом блоге, вместо индивидуальных ссылок стандартное «дальше интереснее»?)

  24. Здравствуйте Сергей. в моей теме прописывается строка «Читать далее», но плетется в хвосте анонса — в общем не красиво. Пробую по вашему примеру и ничего не получается. При внесении изменений в файл post-template.ph, сайт выдает ошибку и приходится восстанавливать резервную копию. Пробовал несколько раз

Спасибо, что оставили свой комментарий

banner