Ссылка читать далее в WordPress (тег read more). Изменяем «more» или «читать далее» в WordPress Изменение тега Read More

Здравствуйте друзья! В статье рассмотрена оптимизация сайта WordPress для изменения надписей в шаблонах.

Оптимизация сайта WordPress поможет в продвижении блога

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

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

Можно конечно поменять шаблон, а можно просто доработать — провести оптимизацию WordPress. Решение принимается блоггером в зависимости от степени несоответствия шаблона определённым требованиям.

Бывает так, что именно из-за шаблона Яндекс не любит Ваш сайт.

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

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

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

Итак, для замены английских слов на русские (на странице блога), необходимо зайти в админпанель нашего сайта. В левой колонке выбрать «Внешний вид», «Редактор». Справа открывается колонка «Шаблоны» в ней выбираем запись «Основной шаблон» (index php) и нажимаем на неё.

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

Желательно коды страниц всегда хранить у себя на компьютере, ситуации разные бывают. Например, сохранить можно следующим образом: ставим курсор в поле открывшегося окна, нажимаем Ctrl+A (выделение), далее Ctrl+С (сохранение). Теперь открываем Word или блокнот, сохраняем туда нажатием Ctrl+V и отправляем в нужную Вам папку.

После сохранения кода приступаем к поиску нужного нам английского текста (можно любой текст поменять). Для этого ставим курсор в поле кода, нажимаем Ctrl+F, в нижнем поле (смотрите скрин) записываем слово, которое нам надо найти.
Как видим зелёным цветом выделено наше «Older Entries». Теперь мы его аккуратно выделяем (не нарушая пробелы) и удаляем, вместо него записываем «Старые записи».

Как видим на скрине, чуть ниже находится запись «Recent Entries», которую нам тоже надо заменить. Мы её также аккуратно выделяем, удаляем и меняем на нужный нам текст. После этого нажимаем «Обновить файл». Теперь идём на главную страницу сайта, обновляем страницу и видим наш результат, всё получилось.

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

Для поиска мы последовательно открываем коды всех шаблонов и через Ctrl+F проверяем нужные нам слова и фразы в кодах страниц. Находим нужные слова и меняем их на русские, делаем так же, как описано выше. Не забываем копировать и сохранять код перед началом работ. Таким способом Вы всегда найдёте страницы, где прописан нужный Вам код.

На моём шаблоне такие изменения пришлось делать на следующих страницах кодов:

• «Шаблон автора» (author.php);
• «Результат поиска» (search.php);
• «Архивы» (archive.php).

Шаблоны WordPress сильно отличаются друг от друга, поэтому у каждого могут быть свои особенности. Надо проверять, но принцип один и тот же.

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

Если после изменения записи появились проблемы, ничего страшного нет. Надо удалить изменённый код в окне выбранного шаблона и заменить его на оригинальный, который ранее мы сохранили на компьютере. После обновления корректная работа сайта восстановится.

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

Добавляем Тег «Далее» в WordPress

Вы заметите, что появилась линия с ‘More’ по центру в теле записи. Вы можете вставить тег «Далее» в любом месте строки, как в середине предложения, так и в середине абзаца, или же сразу после первого.

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

Преимущества использования Тега «Далее» против Цитат

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

Появится мета блок цитаты под вашим редактором записей.

Возможно, цитаты кажутся более простыми в использовании, но есть пару недостатков при их использовании.

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

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

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

Недостатки использования тега «Далее»

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

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

Нужно смотреть на свои задачи, потому как это может являться минусом в использовании.

Еще одним недостатком использования тега «Далее» есть то, что если вы используете тему, которая использует цитаты, то она «перезапишет» тег «Далее» и выведет цитату длиной, которая определяется вашей темой.

Вне зависимости от того, используете ли вы тег «Далее» или же цитаты, важно, чтобы отображалась только выдержка статьи на главной странице и архивах, а не полный материал.

Возможные проблемы с тегом «Далее»

Самой большой проблемой, о которой мы слышали в разрезе использования тега «Далее» являлось то, что он не срабатывает для страниц.

По-умолчанию, вы не можете использовать тег «Далее» на страницах WordPress, однако, это легко исправить, просто добавив следующий код внутри цикла:

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

Мы надеемся, что эта статья помогла вам научиться правильно использовать тег «Далее» в WordPress.

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

По всем вопросам и отзывам просьба писать в комментарии ниже.

Многие пользователи WordPress знают или хотя бы слышали о теге More . Это ссылка позволяет не только оформить внешний вид публикации, но и создать анонс самых разнообразных видов. Исправить или модернизировать данный тег можно и нужно, а вот каким образом — не всегда понятно.

Тег Read More служит для разделения контента и превью публикации, чтобы описать общее её содержимое. В WordPress данный тег содержится в каждой теме и им легко пользоваться. Однако, в зависимости от ваших идей и задумок его отображение может потребовать изменений и не всегда они даются просто.

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

Как установить тег Read More

Установка тега More не составляет труда, но не всегда можно его вовремя найти и использовать. Он находится в интерфейсе редактора нашей записи:

Необходимо установить курсор в нужное место и нажать на иконку, указанную на скриншоте. После этого появится разделитель с подписью «MORE», что означает применение тега More и разделение контента на превью и саму статью.

Но вот что же будет с этим кусочком над разделителем: будет он отображаться в превью и в самой статье, или же он будет вырезан с контента (при открытии статьи) или что вообще будет с ним? Это, пожалуй, самый частый и волнующий вопрос любого начинающего веб-мастера в CMS WordPress.

В целом, я могу выделить 3 основных варианта, которые используются в 90% случаев:

1. стандартный вариант;
2. полный вариант;
3. раздельный вариант.

Стандартный вариант использования тега More

В стандартном варианте заключается «традиционное» использование стоковой функции вордпресса относительно тега More. Это означает, что наше превью будет отображаться в ещё не открытой статье (на стене):

А при открытии поста будет доступна уже прокрученная статья до момента окончания превью. То есть по логике этого вариант мы уже прочитали превью и смысла читать его в общем тексте нет. Именно поэтому открывается статья, которая уже промотана нам до момента окончания превью и выглядит это примерно вот так:

Как видите, перед нами страница, начинающаяся сразу после превью. Для меня этот вариант никак не подходил, так как чаще всего возникает ситуация по поиску информация примерно такая:

1. вводишь запрос в поисковую систему;
2. открываешь все более-менее подходящие по title сайты;
3. после этого просматриваешь поочередно и сортируешь.

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

Полный вариант использования тега More

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

Для того чтобы реализовать данный вариант потребуется внести изменения в наш шаблон functions.php и вставить строку в конце документа, предварительно сделав отступ в несколько строчек (по традиции):

function remove_more_jump_link($link) { $offset = strpos($link, "#more-"); if ($offset) { $end = strpos($link, """,$offset); } if ($end) { $link = substr_replace($link, "", $offset, $end-$offset); } return $link; } add_filter("the_content_more_link", "remove_more_jump_link"); add_theme_support("post-thumbnails");

Если затрудняетесь в поиске данного файла шаблона, то это не беда. В меню WordPress переходим:

Внешний Вид > Редактор. Выбираем Функции темы (functions.php) и вносим изменения, после чего клацаем «Обновить файл»:

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

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

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

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

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

Тег more WordPress

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

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

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

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

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

1. Кнопка как у меня

More-link { background: none repeat scroll 0 0 #00B37C; /*цвет фона */ border: 1px solid #62901E; /*толщина и цвет границ */ border-radius: 5px; /*закругленные края */ color: #FFFFFF; /*цвет шрифта */ display: block; font-family: verdana; font-size: 12px; line-height: 12px; padding: 8px 14px; text-decoration: none; text-transform: uppercase; /*текст в верхнем регистре */ }

2. Плоская кнопка

More-link { background: none repeat scroll 0 0 #E81D1D; color: #FFFFFF; display: block; font-family: verdana; font-size: 12px; /*размер шрифта */ font-weight: bold; /*жирный шрифт */ line-height: 12px; padding: 8px 14px; /*внутренние отступы */ text-decoration: none; }

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

More-link { background: linear-gradient(#DD1D1D, #A61518) repeat scroll 0 0 rgba(0, 0, 0, 0); /*градиент */ border-radius: 4px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.7); /*тень */ color: #FFFFFF; font-size: 16px; font-weight: bold; height: 40px; line-height: 40px; text-align: center; /*выравнивание по центру */ width: 155px; /*ширина кнопки */ /* кроссбраузерность: */ background: -ms-linear-gradient(#DD1D1D, #A61518); /* IE10 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #DD1D1D), color-stop(100%, #A61518)); /* Safari 4+, Chrome 2+ */ background: -webkit-linear-gradient(#DD1D1D, #A61518); /* Safari 5.1+, Chrome 10+ */ background: -o-linear-gradient(#DD1D1D, #A61518); /* Opera 11.10 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#DD1D1D", endColorstr="#A61518"); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr="#DD1D1D", endColorstr="#A61518")"; /* IE8+ */ -moz-border-radius: 4px; /* Firefox */ -webkit-border-radius: 4px; /* Safari, Chrome */ -khtml-border-radius: 4px; /* KHTML */ }

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

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

Отвечает за такие анонсы строчка в коде.

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

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

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

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

Если и вы так считаете и вам не лень каждый раз писать уникальные анонсы, читайте как это реализовать.

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

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

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

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

1. Внешний вид.
2. Редактор.
3. Основной шаблон/index.php.
4. Найдите тег.
5. Выделяете анкор и вставляете, какой хочется.
6. Найти и нажать кнопку “Обновить файл”.
7. Внешний вид.
8. Редактор.
9. Архивы/archive.php.
10. Меняете текст.
11. Нажимаете “Обновить файл”.

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

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

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