Как изменить читать далее в wordpress. WordPress. Плагин (more) или читать далее…

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

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

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

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

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

Тег more WordPress

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

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

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

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

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

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

1 2 3 4 5 6 7 8 9 10 11 12 13

.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 ; /*текст в верхнем регистре */ }

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. Плоская кнопка

1 2 3 4 5 6 7 8 9 10 11

.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 ; }

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. Кнопка с тенью и градиентом

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

.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 */ }

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

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

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

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

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

Здравствуйте друзья! В статье рассмотрена оптимизация сайта 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.

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

Для чего нужен тег more на wordpress?

Если не используя more, то статья в полном объеме попадет на . И, по-моему, выглядеть это будет, как минимум, не очень.

А вот так будет выглядеть пост разделенный на анонс и основную часть. То есть на главной странице, будет выводиться только анонс поста.

Как изменить текст тега more на сайте wordpress?

Чтобы отредактировать текст. Нужно открыть, используя текстовый редактор, файл index.php, и найти следующий код.

Он может выглядеть и вот так:

То есть выглядеть он может по разному, но результат его отображения в статье может быть один.

Также в этот код можно добавить тайтл статьи:

После всех изменений, тег more wordpress, стал читаться так:

Для изменения, нужно найти в файле style.css, следующий класс:

More-link

С помощью данного класса можно изменить расположение кнопки относительно анонса поста, изменить размер цвет ссылки, добавить фон, или вообще заменить текст картинкой. Например так:

More-link{ background: #FFFFFF; float: right; margin: 30px 10px 10px 10px; border: 1px solid #C3B17F; border-radius: 4px; box-shadow: 0px 5px 5px #C3B17F; padding: 5px; }

В итоге, я получил такой внешний вид, который меня устраивает на данном этапе.

Уникальный тег more, для каждой статьи wordpress

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

Сам код разделяющий текст поста, в режиме html, выглядит так:

А для создания уникального текста , нужно при написании статьи на wordpress, включить html-режим. И в нужное место вставить следующий код:

Вместо «уникальная …» — впишите любой текст, который в итоге станет ссылкой на полную запись.

И выглядеть уже будет так:

Ну вот и все на сегодня. Теперь зная все это, Вы сможете сделать, что угодно с тегом more. При этом, от Вас не потребуется никаких особых усилий. До новых встреч!

Результат сегодняшней статьи вы можете посмотреть на главной странице.

float: right; /* Отвечает за выравнивание кнопки право или лево */

width: 180px; /* Ширина кнопки */

height: 25px; /* Высота кнопки */

border: 2px solid #fff; /* Толщина обводки */

border-radius: 7px; /* Радиус */

box-shadow: 0px 0px 5px #007dab; /* Отвечает за тень кнопки */

background: #007dab; /* Цвет Фона кнопки */

font: normal 12px/25px Arial, sans-serif; /* Настойки шрифта, размер, стиль */

text-align: center; /* Выравнивание текста */

margin-right: 160px; /* Смещение вправо */

margin-bottom: 25px; /* Смещение вниз */

margin-top: -15px; /* Смещение вверх */
}
Это стиль моей кнопки, вы можете его редактировать как вам нужно, Но если вы мало понимаете в CSS то советую поменять только цвета и расположение кнопки относительно контенту! Сохраняем и переходим к следующему шагу.

И завершающий этап вывод самой кнопки в анонсах наших статей, открываем тут же в консоли в редакторе файл index. php находим такой код:

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

И добавляем после него наш код с выводом красивой кнопки:
” title=””>

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