Что касается главной страницы WordPress , то есть варианты ее настройки.
Если зайти в админку cms WordPress , то в меню Параметры - Чтение - Настройки чтения, имеется возможность изменения представления информации на главной странице сайта.
Здесь можно в качестве главной странице сайта выбрать любую статическую страницу или одну из страниц записей.
Но как бы мы не настраивали главную станицу, при создании записей в WordPress , всегда формируется анонс записей и создается страница с полным вариантом записи.
Кнопка разделителя представлена в панели редактора в виде двух небольших прямоугольников, разделенных пунктирной линией.
Для cms WordPress , написано множество самых разных плагин ов, с помощью которых решаются различные технические задачи на сайте. С помощью плагинов автоматизируется управление контентом сайта, тем самым плагины значительно упрощают работу администратора сайта.
Подобного рода плагин ов достаточно много и алгоритм работы у них может быть разный.
В частности, некоторые из плагин ов - more wordpress , могут вставлять разделитель после некоторого количества символов. В некоторых случаях, это бывает не очень красиво, так как разделитель может быть вставлен плагин ом прямо посредине слова.
Скачать плагин можно вот с этого сайта: .
Данный плагин лично мне понравился тем, что его совершенно не надо настраивать, он начинает работать сразу после установки.
Кроме того плагин: Auto_more, я тестировал на WordPress версии 3.3.1 плагин без проблем установился и сразу заработал.
Еще одно преимущество плагина Auto_more - данный плагин добавляет разделитель только в конце абзаца. То есть предложения не разделяются на полуслове.
Установка плагина Auto_more обычная:
2. Входите в админку сайта
3. Открываете вкладку меню - Плагины
4. Кликаете - Добавить новый
7. В новом окне указываете zip архив файла скаченного плагина - auto_more_3.zip
8. Жмете - Открыть
9. Кликаете - Установить
10. После сообщения о том, что плагин успешно установлен, кликаете - Активировать плагин
Здравствуйте друзья! В статье рассмотрена оптимизация сайта 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, разобрали вопрос, как изменить надписи в шаблоне. Как видите, ничего сложного нет, сделать такую работу может любой новичок.
Если после изменения записи появились проблемы, ничего страшного нет. Надо удалить изменённый код в окне выбранного шаблона и заменить его на оригинальный, который ранее мы сохранили на компьютере. После обновления корректная работа сайта восстановится.
Получайте новые статьи блога прямо себе на почту. Заполните форму, нажмите кнопку "Подписаться"
Сегодня в подавляющем большинстве блогов статьи отображаются именно с таким тэгом. Примечательно, что в некоторых шаблонах уже предусмотрена подобная функция, когда после подготовки статьи к публикации вы одним нажатием клавиши устанавливает соответствующий тэг в определенном месте.
Реализация подобной функции на нашей платформе подразумевает лишь два шага:
- демонстрация анонса записи (например, первого абзаца);
- установка ссылки.
Обратите внимание! Примечательно, что второй шаг, в принципе, не такой уж и важный. Поскольку для перехода к полному тексту статьи можно кликнуть по заголовку.
Чтобы отображать краткий анонс или вступление, следует воспользоваться одним из двух способов:
- использовать функцию the_content() и добавления самой ссылки;
- использовать the_excerpt(), которая применяется вместо the_content().
Кратко поясним, что ф-ция the_content позволяет отображать текст с примененным к нему форматированием. Такая функция предусмотрена в файле single.php, который находится на странице постов/статей. Когда в редакторе текста при добавлении статьи на сайт вы установите соответствующую ссылку (она называется quicktag), то автоматически будет скрыта часть текста статьи, а посетители будут видеть лишь краткий анонс записи.
В свою очередь, функция the_excerpt – она позволяет видеть сразу анонс, но без форматирования.
Как добавить тэг more в WordPress в текстовом редакторе
Если вы проводите редактирование материала в формате HTML, там также предусмотрена соответствующая кнопка. Однако достаточно просто вставить тэг в конкретном месте вашего материала.
Обратите внимание! Устанавливать такую ссылку вовсе необязательно строго в конце абзаца. Она может ставиться фактически после любого слова. Помните, что тэг прописывается строго слитно, без пробелов.
Как добавить Read more link в WordPress в шаблоне
- the_content;
- the_excerpt.
Находятся они в макете там, где и предусмотрено отображение всего списка статей вашего сайта:
- главная (index.php);
- архивы (archive.php);
- категории (category.php);
- и так далее.
Ф-ция the_content необходима для того, чтобы текст статьи отображался полностью. Для того, чтобы на главной появился только анонс, в редакторе при форматировании и подготовке поста к публикации следует установить тэг Read more:
Как видите, все довольно просто! В код нужно внести лишь небольшие изменения. Кроме того, у вас есть возможность полностью изменить Read more, установив в текст вашего предложения даже полноценное заглавие статьи/поста. И при этом допускается выполнение HTML форматирование. Ведь, вполне вероятно, подобная ссылка будет более позитивно оценена поисковыми роботами.
Читать далее ‘ . the_title(», », false)); ?>
Если же говорить о ф-ции the_excerpt, то в ней вообще не предусмотрено каких-либо настроек. Она лишь демонстрирует краткий анонс статьи, не применяя ее форматирование.
Для того, чтобы у вас появилась соответствующая ссылка, необходимо вставить код:
То есть, по сути, тут нет какой-либо конкретной связи с привычным тэгом More. В данной ситуации демонстрируется лишь ссылка на статью.
Кстати, также вы можете поступать с ф-ей the_content, если у вас есть желание установить ссылку не в конкретном месте текста, а в отдельном блоке. К примеру, когда речь заходит о такой «фишке», как создание необычного дизайна.
И еще несколько интересных и полезных дополнений, которые помогут вам в работе с описываемым тэгом. Представлены они на официальном сайте нашей любимой платформы.
Как убрать прокрутку для More link
function remove_more_link_scroll($link) {
$link = preg_replace(‘|#more-+|’, », $link);
return $link;
add_filter(‘the_content_more_link’, ‘remove_more_link_scroll’);
Наиболее простой способ – это перейти в ф-цию и поменять $more_link_text. Однако, чтобы полностью изменить формат такой ссылки, в functions.php вам следует лишь добавить приведенный ниже код:
add_filter(‘the_content_more_link’, ‘modify_read_more_link’);
function modify_read_more_link() {
return ‘Your Read More Link Text’;
Кстати, этот код также избавляет от описанной выше прокрутки страницы.
Для формирования такой кнопки вам понадобится применение стилей CSS. Так, по умолчанию предусмотрено, что ф-ция the_content вставляется непосредственно в тэг А class=»more-link».
Так что вам достаточно просто установить в разделе style.css следующий код:
a.more-link {
display:block;
width:151px;
height:24px;
padding-left:10px;
clear:both;
border:none;
line-height:22px;
margin-top:10px;
font-size:12px;
a.more-link {
color:#FFF;
background:url(images/readmore.jpg) 0 0 no-repeat;
Так, в начале задаются параметры кнопки, а далее, во втором правиле, предусмотрена ссылка на фоновую картинку readmore.jpg. Естественно, чтобы выполнить все это, необходимо иметь хотя бы начальные знания CSS.
Параметры анонса для функции the_excerpt
Данные решения будут интересны тем, кто на сайте для демонстрации анонсов использует функцию the_excerpt.
Для начала отметим, что с помощью данного метода вы сможете изменить количество демонстрируемых символов. По умолчанию предусмотрена демонстрация 55 символов.
function wpdocs_custom_excerpt_length($length) {
return 70;
add_filter(‘excerpt_length’, ‘wpdocs_custom_excerpt_length’, 999);
Кроме того, предусмотрена смена стандартного варианта окончания текста. Когда вместо троеточия […] может быть установлен фактически любой подходящий вам вариант. Хотя, конечно же, он не будет являться ссылкой.
function wpdocs_excerpt_more($more) {
return ‘… >>’;
add_filter(‘excerpt_more’, ‘wpdocs_excerpt_more’);
Выше мы рассматривали эту функцию. А теперь расскажем, как можно реализовать данное решение, используя functions.php:
function new_excerpt_more($more) {
global $post;
return ‘ID) . ‘»> Читать статью полностью…’;
add_filter(‘excerpt_more’, ‘new_excerpt_more’);
Плагины для тэга More в WordPress
Также вы можете ограничиться использованием специальных плагинов и расширений, которые доступны для платформы . Отметим два подобных решения.
Page Links To
Это расширение дает возможность сделать перенаправление статьи по адресу, который полностью отличается от значения вашего поста.
После установки этого расширения в административной панели будет создано поле, в котором вы будете указывать свою ссылку для дальнейшего перехода. Одновременно с этим появляется 301 редирект. Также предусмотрена возможность установки 302 Moved Temporarily.
Все это будет необходимо в том случае, если вы желаете демонстрировать в общем списке краткий анонс с дальнейшим переходом на любую страницу своего блога.
Advanced Excerpt
Данное расширение дает возможность демонстрировать краткие анонсы статей без необходимости вносить какие-либо исправление в баллон вашей темы.
Посредством данного плагина вы можете выбирать, сколько именно слов или символов будет содержать анонс, как именно будет выводиться анонс и многое другое.
Остались какие-либо вопросы о применении тэга Read more в WordPress? Задавайте вопросы и мы обязательно ответим на них!
Хотите создать свой сайт, но не знаете, как? Переходите по и зарегистрируйтесь на бесплатный тренинг и уже через 4 дня у вас будет свой сайт!
Для чего нужен тег 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. Потому что можно вернуть сделанные изменения в отличии от стандартного редактора. Я не стал рекомендовать это в начале статьи потому что мы только добавляли код а не редактировали существующий, поэтому необходимость возврата изменений не так велика.
