Как сделать «Читать далее» в WordPress Тег «Read more»

Пришлось адаптировать и выправлять ошибки выдаваемые Chrome. Например, для того чтобы получить кнопку с заменой фоновой заливки при наведении, достаточно добавить класс rectangle, всё, кнопка будет менять цвет в зависимости от выбранного базового класса определяющего основной цвет фона кнопки. Теперь осталось только его улучшить, задав нужный стиль этому классу. Фильтр the_content_more_link находится внутри функции get_the_content() и про него я уже рассказывал ранее. Кстати, про то, как формируются отрывки постов для страниц блога и категорий, я рассказывал в этом видеоуроке.

комментариев 169 к статье “Ссылка читать далее в WordPress (тег read more)”

Открывать нужно главную страницу сайта, там где есть уже использованный тег «More». Если вы хотите ограничить количество символов в анонсе статьи, это тоже возможно. Для этого просто вставьте следующий код в файл functions.php вашей темы и проверьте результат. Допустим, вы написали запись в одной из рубрик на своём сайте. Запись получилась большая и на главной странице она занимает очень много места, а нам хотелось, предположим, чтобы на главной было видно лишь некоторую часть от этой записи. И в таких случаях, для того, чтобы изменить текст ссылки «Читать далее», нам достаточно изменить этот тег, например на  или  или что угодно другое.

Где full_article.html – это страница с полной версией материала, а read-more – это класс, который можно добавить в CSS для стилизации кнопки. Первое правило задает размеры, отступы кнопки, тогда как во втором содержится ссылка на картинку-фон readmore.jpg. Для понимания кода нужно, конечно, хотя бы немного разбираться в CSS.

Редактирование кнопки «Читать далее» в wordpress?

Для создания кнопки “Читать далее” в HTML можно использовать тег с атрибутом href, указывающим на страницу с полной версией материала. Для того чтобы кнопка выглядела как кнопка, а не как обычная ссылка, необходимо использовать CSS. Все равно пользователь может перейти на полный текст поста, кликнув по его заголовку. В некоторых шаблонах (тех же magazine) дабы сэкономить место на странице, авторы макетов специально могут убрать more ссылки. Набор правил выстроен так, что выбрав определённый класс, понравившегося вам варианта оформления, прописав его к ссылке кнопки, вы получите полностью видоизменённую кнопку «Читать далее».

Этот же прием можно использовать с функцией the_content (без параметров), когда вы хотите расположить ссылку читать далее не сразу после текста, а в отдельном блоке, например, для реализации нестандартного дизайна кнопки. Сейчас отображение записей с тегом more можно найти в большинстве современных WordPress шаблонов, хотя это зависит от дизайна вашего сайта. Чаще всего данная реализация встречается в журнальных (magazine) темах, где используется множество информационных блоков с краткими анонсами новостей. Плюсы очевидны — вы можете разместить больше постов на странице, а пользователю не придется прокручивать много лишнего бездепозитный бонус текста.

• Advanced Excerpt — еще один wordpress плагин для читать далее.
• Первое правило задает размеры, отступы кнопки, тогда как во втором содержится ссылка на картинку-фон readmore.jpg.
• Для этого просто вставьте следующий код в файл functions.php вашей темы и проверьте результат.
• Для создания кнопки “Читать далее” в HTML можно использовать тег с атрибутом href, указывающим на страницу с полной версией материала.

Плагин Page Links To — позволяет сделать перенаправление поста блога по адресу, отличному от значения текущей записи. По умолчанию система WP отображает анонсы публикации в хронологическом порядке, а при клике по их заголовкам или ссылке читать далее переходит на страницу с полным текстом конкретной заметки. Однако после активации модуля в админке появится новое поле, где вы сможете указать свой линк для перехода. При этом устанавливается 301 редирект (допускается выбор 302 Moved Temporarily). Это может быть полезным, если вы хотите вывести в списке всех постов анонс с переходом на произвольную страницу сайта.

Сохранить моё имя, email и адрес сайта в этом браузере для последующих моих комментариев. В наборе использованы 5 основных классов соответствующих той или иной цветовой схеме (pink, purple, blue, yelow, green), с помощью добавления определённых классов, изменяются базовые стили по умолчанию и при наведении курсора на ссылку «Читать далее». Ниже вы можете посмотреть живой пример, а также код CSS, для формирования одного из стилей кнопки.