Читать далее

tag moreГлавная страница почти каждого в интернете блога представляет собой перечень анонсов статей. Как правило в качестве анонса используются первые пару абзацев статьи, в которых написано о чем будет статья и почему ее стоит прочитать. В конце анонса ставится ссылка «читать далее» или «подробнее», щелкнув на которую, вы попадаете на страницу с полным текстом статьи.

Сегодня мы научимся создавать такие анонсы и оформлять кнопку «читать далее». Удобнее всего создавать анонсы с помощью тега more, но мы рассмотрим так же и другие способы.

Содержание статьи:

  • Главная страница в wordpress — настройка вида
  • Тег more в WordPress
  • Поменять ссылку читать далее в wordpress
  • Внешний вид кнопки читать далее WordPress
  • Стандартные анонсы записей WordPress
  • Цитата WordPress — уникальные анонсы

Главная страница WordPress (статическая или анонсы)

Для начала хочу заметить, что содержание главной страницы в WordPress можно настроить через админку. Возможны два варианта главной:

  • Последние записи
  • Любая, выбранная вами страница

Настраивается это в разделе «Параметры» -> «Чтение»:
настройка анонса wordpress

Здесь же можно указать максимальное число анонсов на главной странице: “На страницах блога отображать не более”.

Тег more WordPress

Для того, чтобы создать анонс статьи данным способом, нужно нажать кнопку «Вставить тег Далее» визуального редактора (если вы с ним еще не подружились, читайте о том, как настроить и использовать визуальный редактор в WordPress):

вставить тег more

Эта кнопка добавит в код статьи тег <!—more—>. Весь текст, который находится до этого тега станет аннотацией. Проверяйте, что все теги аннотации закрыты, иначе могут появиться ошибки при выводе анонса в RSS ленту.

Уникальный тег more в Вордпресс


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

Сделать это легко. Переключитесь в режим «Текст» и припишите какую-нибудь фразу вплотную к слову «more» в теге: <!—moreЧитать о тегах more и не только…—> (без пробелов!). Теперь вместо стандартной ссылки «читать далее», под вашим анонсом отобразится этот тест.

Как убрать ссылку читать далее в wordpress или изменить ее текст
read_more

Сейчас мы найдем файл, который отвечает за вывод тега more (ссылки «читать далее»). Если вы хотите отредактировать текст кнопки «read more» (убрать вывод текста «читать далее», заменив его чем-то своим):

  1. Отредактируйте по очереди файлы темы index.php и archive.php. Если вы не умеете редактировать файлы шаблона WordPress, читайте статью.
  2. В этих файлах найдите код <?php the_content(‘Читать далее &raquo;'); ?>, он может выглядеть иначе, поэтому удобнее воспользоваться поиском по ключу «the_content («.
  3. Замените текст «читать далее» на свой. Вы можете добавить в ссылку заголовок поста:

В зависимости от установленной темы, данный код может находиться и в других файлах, тогда поищите его во всех остальных php-файлах темы.

Изменить внешний вид кнопки «читать далее» WordPress (тега more)

Если вы хотите оформить ссылку «читать далее» в виде кнопки, необходимо отредактировать файл темы styles.css. Найдите в нем класс «.more-link», если такого нет, то просто допишите один из приведенных кодов в конце.

Как всегда приведу несколько примеров с комментариями к коду

1. Кнопка как у меня
читать далее1

 

2. Плоская кнопка
читать далее2

3. Кнопка с тенью и градиентом
читать далее3

Стандартные анонсы записей WordPress (самообрезающиеся)

WordPress может создавать анонсы автоматически, без использования тега more. В этом случае статья просто обрезается после определенного числа слов (55 по умолчанию). Такой вариант может показаться удобным тем, что все делается автоматически и не нужно задуматься о теге more. Однако, такие анонсы выглядят не красиво и я не советую их использовать. Гораздо удобнее самому решать после какой фразы обрубать анонс.

Отвечает за такие анонсы строчка <?php the_excerpt () ?> в коде.

Как убрать стандартные анонсы записей WordPress

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


  1. Отредактируйте по очереди файлы темы index.php и archive.php. Если вы не умеете редактировать файлы, читайте статью. Иногда этот код может находиться и в других файлах темы, ищите его.
  2. Найдите в этих файлах код <?php the_excerpt () ?> и удалите его. Или замените на <?php the_content(‘Читать далее &raquo;'); ?>,чтобы сразу добавить вывод тега more.

pro-wordpress.ru

Как заменить «читать далее» на своё

Извините, сначала хочу небольшое предисловие сделать, а затем уже перейдем к тому, как изменить «more». Для не терпеливых предлагаю сразу перейти непосредственно к пункту — как изменить «читать далее».

kak_zamenit_chitat_daleeАнализируя сайты вебмастеров по разным параметрам (посещаемость, PR, ТИЦ, позиции в поисковиках, авторитет в интернете), я обнаружила, что многие успешные проекты сделаны на бесплатных шаблонах (темах), видоизмененных под себя(например с измененным more и т.п.).


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

В этом есть какой-то смысл: как утверждают многие бизнес-эксперты, для посетителей в первую очередь важно удобство навигации по сайту и содержание контента — ведь он пришел за информацией. И лишь потом оценивается внешний вид. Я с этим не вполне согласна и считаю, что внешнему виду тоже следует уделять внимание.

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

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

kak_uznat_kod_html

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

opartnerke.ru


Зачем менять тег more

Как Вы уже наверное заметили, в последнее время, в моих статьях уже нет привычного тега «Читать далее». Для чего нужно менять тег more, а для того чтобы Ваш блог не был похож на все остальные ? . Но и не только для этого. С помощью данного тега, можно делать уникальный анкор ссылки, который будет содержать ключевые слова нашей статьи, тем самым улучшается перелинковка. А хорошая и грамотная перелинковка, как известно, творит чудеса и уже давно все знают, что правильная перелинковка может дать отличные результаты и обеспечить дальнейший рост позиций Вашего блога. Так что не стоить этим пренебрегать, тем более сделать это очень просто.

Как сменить стандартное название тега

Для того чтобы сменить стандартное название «Читать далее» или «Читать полностью», необходимо зайти в редактор, далее выбрать файл index.php и найти нашу строку с нужной фразой, затем заменить на желаемое и не забыть сохранить. Внимание!!! Всегда перед тем как править код, делайте копии файлов, на случай ошибки. У меня строка выглядит вот так:


<?php the_content('Читать статью полностью &raquo;'); ?>

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

sovetywebmastera.ru

Если у вас есть блог и вы пишите в нем большие статьи, то вы наверняка использовали тег more.

Возможно вы хотели поменять эту ссылку на красивую кнопку.

В этой статье я расскажу о том как:

  • изменить текст ссылки (читать далее или more)
  • изменить адрес ссылки, а именно  убрать /#more-номер поста
  • ссылку переделать в кнопку

Вставить  тег more  не сложно.

Во время написания поста выбираем место где хотим закончить текст анонса и нажимаем нужную кнопку.

Теперь поговорим как изменить текст ссылки в моем случае изначально он был  (Read the rest of this entry »)

Нам понадобятся файлы index.php, page.php , archive.php, single.php

Их можно найти через файловый менеджер /wp-content/themes/(название вашей темы)

Открываем сразу все файлы и ищем в них текст указанный ниже.

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

Между ковычек пишем текст, который нам нужен. Изначально в разных темах написан тот или иной текст. У меня был Read the rest of this entry

Я поменял на следующее

После сохранения у нас должно получиться что-то вроде этого


more2

Мы поменяли текст ссылки, но когда нажимаем на нее в адресной строке в конце приписывается /#more-номер поста, с точки зрения поисковой оптимизации у нас получается отдельная страница. Поэтому предлагаю избавиться от этой приставки.

Для этого нам понадобиться сделать некоторые правки в файле post-template.php
Он находится в каталоге /wp-includes
Находим следующую строчку:

Заменяем на:

Или просто убираем

Мы заменили текст, ссылки (читать далее), поменяли адрес,  смотреться не плохо, но как сделать  ссылку (читать далее)  в виде кнопки, чтобы она вписывалась в дизайн сайта?

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

Заменяем строчку которую правили ранее на ту что ниже:

Теперь наша ссылка находится в блоке с классом buttons, а класс самой ссылки more-link


Остается прописать стили в style.css который лежит либо в отдельной папке, либо в корне темы.

/wp-content/themes/название темы/css

Копируем, вставляем код  и сохраняем

Кратко поясню

.buttons a.more-link Преобразует нашу ссылку в кнопку

#content .buttons   Задает отступы сверху и снизу.

buttons a:hover, .buttons a.more-link:hover, .buttons input:hover
Изменяет цвет кнопки при наводе на нее

На этом пост заканчиваю, красивых вам кнопок! =)

mmechta.ru

Как разделить статью на главной странице и установить кнопку «Дальше»

 

Как спрятать текст под кат в блоге и как установить кнопку «Дальше» я постараюсь вам сейчас рассказать. В Blogger в редакторе сообщения настроена функция убирать текст под кат и соответствующая кнопочка Кнопка вставить ссылку "Дальше", которая позволяет разделить статью на главной странице.

 

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

 


Читать далее

 

Результат будет видно когда опубликуете сообщение, если текст разделили не так как хотели, можно вернуться в сообщение и отредактировать. Сообщение можно редактировать миллион раз.

 

Установка кнопки Читать далее в Blogger
Установка кнопки Читать далее в Blogger

 

Важно запомнить! Прежде чем опубликовать сообщение надо правильно создать постоянную ссылку (ЧПУ). После публикации статьи ее отредактировать уже нельзя.

 

По умолчанию текст будет как на скриншоте. Можно текст изменить на свой текст. При клике на ссылку откроется вся публикация и попадете на страницу сообщения.

 

Как же изменить текст ссылки «Дальше» на свой текст

 

Заходим в Административную панель Blogger > Дизайн. Открываем блок, который отвечает за сообщения > Сообщения блога, гаджет «Сообщения блога»

 

Нажимаем изменить и в открывшемся окошке настроек сообщения блога изменяем текст ссылки . В окошке, что обвела красным пишем свой вариант текста.

 

Как изменить текст ссылки «Дальше»
Изменяем текст ссылки «Дальше»

 

Как сделать кнопку «Читать далее» в Blogger (blogspot)

 

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

 

Для начала нам нужна сама кнопочка.

 

  1. Если вы умеете пользоваться фотошопом то создать кнопку не составит большого труда, обычная фигура любой формы и нанесенный на нее текст может служить симпатичной кнопочкой в блоге. К примеру вот такие кнопочки как у меня в блоге я сделала самостоятельно в фоторедакторе Zoner Photo Studio 18 PRO
  2. Сгенерировать кнопочки онлайн.

 

Вот несколько хороших ресурсов где можно создать красивые стильные кнопочки на свой вкус и под дизайн своего блога:

  • ImageFu.com
  • Da Button Factory
  • Cool Text: Logo and Graphics Generator

 

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

 

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

 

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

 

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

 

PS. Прошел ровно год как я впервые создала блог и я научилась работать не только с фотошопом, я выучила языки программирования html и css ( не досконально конечно) и теперь создать кнопку для меня не составляет большого труда. Что я для этого делала спросите вы? Когда я редактирую сообщения работаю в html редакторе.

 

Находим мы значит кнопочку в интернете, копируем адрес ссылки, если вы не знаете как это делать можно почитать статью «Кнопка вверх». Там я подробно описала весь процесс.

 

С кнопочкой мы разобрались, теперь добавим ее в свой блог. Заходим в Админку блога > Тема > Изменить HTML. Ставим курсор в окно шаблона, вызываем окно поиска (Ctrl+F), вставляем и находим код:

 

<data:post.jumpText/>

 

Затем нажимаем  Enter, код выделится в другой цвет (подсветка кода). Удаляете его и вставляете другой код:

 

<img src=»http://www.liveinternet.ru/tags/%F2%E5%ED%E5%F0%E8%F4%E5/page2.html» alt=»Читать далее» title=»Подробнее»/>

 

Код надо заранее подготовить в блокноте и заменить адрес ссылки кнопки, то что выделено красным.

 

Настройки:

 

http://www.liveinternet.ru/tags/%F2%E5%ED%E5%F0%E8%F4%E5/page2.html адрес моей кнопки измените на свой.
Читать далее— текст на кнопке
Подробнее— всплывающий текст при наведении курсора мыши на кнопку, текст можно заменить на свой.

 

Нажимаем Предварительный просмотр темы. Если видите кнопочку на странице, нажимаем Сохранить тему.

 

По умолчанию платформы Blogger кнопочка появится в левом углу статьи анонса. Если вам надо кнопочку справа то нужно сделать следующие изменения:

 

Заходим снова в шаблон, находим код <div class=’jump-link’> как я описывала выше и удаляем. На место удаленного кода вставляем другой код:

 

<div class=’jump-link’ style=’text-align:right;’ >

 

 

Смотрим на предварительный просмотр, все нормально, сохраняем.

yablogger.info

Как вставить в WordPress ссылку «Читать далее» (MORE)

Теперь пора перейти от словоблудия к объяснению того, о чем, собственно, сегодня пойдет речь. В первую очередь это будет все, что связано с организацией отображения в WordPress анонсов статей (начала текста поста).

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

Ведь пользователям не очень удобно будет прокручивать на главной странице целиковые полотнища постов в поиске интересных им. Гораздо проще и нагляднее будет выводить на главную или на страницы рубрик только их анонсы. Это позволит посетителям быстрее найти интересные ему материалы. Но о том, как реализовать такой вывод, знают далеко не все начинающие блогеры.

Сегодня мы поговорим о простом способе создания анонса (разделение поста на вступление и остальное) с помощью тега MORE, об изменении текста ссылки «Читать далее» на другой более подходящий анкор (об их важности и принципах составления анкор листов, я уже писал тут), а так же о способе создания уникального анкора для каждого анонса вместо «Читать далее».

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

Кстати, разбиение на страницы, используемое по умолчанию, не очень удобно и наглядно, поэтому советую воспользоваться возможностями плагина WP-PageNavi для удобной постраничной навигации (пагинации).

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

Читать далее

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

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

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

Разбиваем пост с помощью MORE на части

Как получить в WordPress с помощью тега MORE вебссылку на статью с нужным нам анкором, мы рассмотрим чуть позже. А сейчас давайте рассмотрим способы, с помощью которых можно разбить любой пост в WordPress на части.

Сделать это можно при его написании как из визуального редактора, так и из HTML версии. У меня в силу ряда причин (скорей всего из-за хостинга) визуальный редактор в Вордпресс не работает, поэтому я приведу скриншот, взятый с другого блога.

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

Читать далее

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

Как избежать неполного дублирования контента в WordPress из-за использования тега MORE (тег CANONICAL и плагин All in One SEO Pack)

Раньше у многих вебмастеров возникало опасение, что две разных вебссылки, ведущих на одну и ту же страницу, например:

https://ktonanovenkogo.ru/seo/kak-rabotayut-poiskovye-sistemy-snippet-index.html

и:

https://ktonanovenkogo.ru/seo/kak-rabotayut-poiskovye-sistemy-snippet-index.html#more-5357

могут быть восприняты поисковыми системами, как дублирование контента в WordPress и даже был создан специальный хак, позволяющий убрать у ссылки (или кнопки) «Читать далее» окончание #more-5357.

Но как показывает практика, опасаться этого не стоит, тем более, что с некоторых пор поисковые системы учитывают тег CANONICAL, позволяющий показать поисковикам, что данная вебстраница является производной от основной, URL которой указывается специальным образом в теге HEAD вебстраницы с дублированным контентом.

Другими словами, документ сообщает с помощью тега CANONICAL, что он является официальной копией основной версии с указанием его URL. В результате чего, поисковики не индексируют такие дубли и у вас не возникает из-за этого проблем.

Естественно, что прописывать вручную CANONICAL в WordPress вам будет не удобно, да и не нужно — достаточно установить плагин для WordPress All in One SEO Pack ,ссылку на описание которого я привел в предыдущем абзаце.

Если вы так же, как и я, пользуетесь для написания статей HTML редактором Вордпресса, то для отображения на главной только анонсов, вам нужно поставить курсор мыши после очередного абзаца текста и нажать на панели инструментов на кнопку MORE:

Читать далее

В результате чего в тексте появится конструкция MORE. Какой текст будет у ссылки (кнопки) «Читать далее» на главной, можно настроить в файле INDEX, который находится в папке с используемой вами темой (шаблоном) WordPress (подробно об устройстве тем оформления вы можете почитать здесь).

Как разбить пост в Вордпресс с помощью NOTEASER и NEXTPAGE

Кстати, если вам понадобится сделать так, чтобы на главной отображалась только та часть статьи, которая находится перед анонсом, а на странице самого поста анонс не отображался вовсе, (только текст идущий за MORE), то вам нужно будет добавить сразу за ним еще один тег — NOTEASER.

В результате получится такая конструкция:

<!--more--><!--noteaser-->

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

Тег NEXTPAGE используется для добавления пагинации в большие статьи. Для разбивки текста достаточно просто вставить в нужные места:

<!--nextpage-->

Кроме этого может так же понадобится добавить в код файла SINGLE (из папки с используемой темой), отвечающего за формирования вебстраниц со статьями в WordPress, кода:

<?php wp_link_pages(); ?>

сразу после функции:

 the_content

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

Этого можно избежать, но не так все просто. Поэтому, наверное, я бы не рекомендовал разбивать большие тексты на страницы простой вставкой NEXTPAGE. Для этой цели, наверное, лучше все-таки будет поискать плагины, реализующие то же самое, но с устранением возникающих нюансов с дублированием заголовков (title).

ktonanovenkogo.ru

Как добавить 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 преобразовать ссылку “читать далее”.

Пока!

wordpress-life.ru

noteaser

noteaser применяется совместно с more, и начинающие пользователи, скорее всего, не знают об этом теге, так как в стандартной комплектации редактора текста Word Press его нет.

Использовать следует так: <!–more–><!–noteaser–>. Результат будет почти такой же, как и с одиночным тегом more, но, конечно же, есть отличия.

Если применить noteaser, то будет осуществлять вывод анонса статьи – текста, написанного до тегов, потом «Читать далее».

Затем, когда пользователь нажмёт на «Читать далее», он увидит всю статью, но ананас, который был на странице вывода, там повторять не будет.

В этом и заключается отличие.

Некоторые web-матера уверенны в том, что если не использовать noteaser, то получится не уникальный контент (анонс и статья), и что это дурно скажется на индексации сайта. Однако это не правда. Для поисковиков равноценное значение имеют как more в одиночестве, так и с noteaser вместе, и не уникального анонса не возникает.

«Читать далее» или что-то ещё…

Текст «Читать далее» может быть не интересен некоторым web-мастерам. Для того, чтобы заменить его, необходимо прописать код more так:  <!–more Текст, вместо «Читать далее»–>. После этого тега тоже может применяться noteaser.

Данный приём может улучшить посещаемость статей, если вместо «Читать далее» написать какую-то завлекалочку. Например, для сайтов, которые обучают заработку в сети можно использовать надпись «Начать зарабатывать!». А для интернет-магазинов – «Использовать скидку!».

You May Also Like

About the Author: admind

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.

Adblock
detector