Изменяем «more» или «читать далее» в WordPress. Трюки с ссылкой “читать далее” Параметры анонса для функции the_excerpt

Здравствуйте друзья! В статье рассмотрена оптимизация сайта 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, на котором записи выдаются в виде цитат, то, скорее всего, вместе с текстом контента у вас выводится и ссылка с текстом Read More.

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

Сегодня я расскажу вам про тег «Read More» в WordPress, а также обучу вас тому, как его изменить в соответствии с вашими пожеланиями.

Основы

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

Тег цитаты в WordPress – это короткая строка PHP-кода, которая имеет следующий вид:

Она может быть заменена на тег шаблона the_content(), где это будет целесообразно. Как правило, у вас будет индексная страница блога, на которой выводятся ваши свежие записи. Эти записи можно сделать цитатами, просто применив несколько параметров или заменив тег шаблона the_content() на the_excerpt().

Текст – это небольшая цитата с закрывающим многоточием, следом за которым идет кнопка с названием View Full Post.

Изменение тега Read More

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

Войдите в консоль, перейдите к разделу Параметры – Чтение.

Вы увидите список настроек, однако нас интересует только параметр: «For each article in a feed, show». Вы также можете задать количество записей, выводимых в ленте блога.

Давайте выберем Summary вместо full text. После этого щелкаем по кнопке Save Changes.

По умолчанию, некоторые темы уже оптимизированы для вывода цитат вместо полного текста, как это отмечено в панели настроек. Наша тема Divi 2.0 – прекрасный пример такого подхода.

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

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

Чтобы сделать это, нам нужно углубиться в код нашего сайта. Открываем активную тему в редакторе кода. Я использую sublime text 2 в теме Divi , как показано ниже:

У меня открыт файл index.php. В нем есть некоторый код, который выводится то, что вы видите на странице блога. В теме Divi этот код был несколько усовершенствован, но его основы по-прежнему остались. Наше внимание должен привлечь следующий раздел:

Если вы никогда не работали с кодом Divi, то в таком случае вы можете воспользоваться нумерацией строк – этот код будет стоять в строках 50-57 (это верно только для темы Divi!)

Давайте изменим код, убрав произвольную функцию и поставив вместо the_content() вывод the_excerpt().

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

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

/* Modify the read more link on the_excerpt() */ function et_excerpt_length($length) { return 220; } add_filter("excerpt_length", "et_excerpt_length"); /* Add a link to the end of our excerpt contained in a div for styling purposes and to break to a new line on the page.*/ function et_excerpt_more($more) { global $post; return "

;"; } add_filter("excerpt_more", "et_excerpt_more");

Первые 4 строки задают произвольную функцию, которая управляет количеством слов, выводимых в цитате каждой записи блога. Затем добавляется фильтр, позволяющий выполнить функцию. Сцепляемся мы с функцией excerpt_length, чтобы установить ограничение в 220 символов.

Вторая функция изменяет ссылку Read More, переписывая стандартные значения WordPress. В данном примере я добавил ссылку, обернутую в div, чтобы я мог впоследствии стилизовать ее. Стилизацию я рассмотрю чуть позднее; сейчас вы можете перейти на сайт, где вы увидите следующее:

Стандартная CSS стилизация ссылок и записей используется автоматически в теме Divi 2.0; нам осталось лишь провести некоторую работу, связанную с тем, чтобы сделать ссылку кнопкой.

Мы присвоили анкору ссылки в файле functions.php класс view-full-post-btn. С его помощью я добавлю к ссылке некоторый CSS-код. Поместите CSS-код, представленный ниже, в свой файл style.css, чтобы настроить нашу ссылку. Не важно, где именно вы добавите код – важно, чтобы вы запомнили область его расположения, пригодится на будущее.

View-full-post-btn{ display:inline-block; /*border-radius*/ -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding:8px 16px; margin-top:10px; color:#454545; border:1px solid #d8dcdc; font-family:Georgia,serif; font-style:italic; font-size:16px; } .view-full-post-btn:hover{ background:#454545; /*transition*/ -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; border:1px solid #000000; color:#FFFFFF; }

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

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

Et_pb_post { margin-bottom: 100px; border-top: 1px solid #e1e1e1; } .et_pb_post:first-of-type { border-top: none; } .view-full-post { float: right; }

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

Примечание: учтите, что стили не являются адаптивными.

Заключение

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

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

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

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

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

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

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

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

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

• Заходим в админпанель сайта.
• Внешний вид — Редактор.
• В правой колонке редактора находим «Основной шаблон (index.php)» — он нам и нужен.
• Через Ctrl+F находим слова «читать далее» или, в некоторых случаях «more», и вписываем то, что хотелось бы увидеть вместо них.
• Не забудьте сделать копию содержимого файла перед изменением, чтобы можно было восстановить, если что то пойдет не так, а затем, после изменений обновить файл.
• Переходим на сайт и любуемся творчеством.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

wp-content/themes/<имя темы>/languages/

Если это касается перевода на русский язык, то находим 2 файла:

ru-Ru.mo
ru-Ru.po

Соответственно, файлы *.po содержат переведённые строки в текстовом формате. С этими файлами работает переводчик темы. Файлы *.mo это те же строки, но в скомпилированном варианте. С этими файлами работает ядро WordPress для отображения перевода.
Так как простое внесение изменений в файл с расширением *.po не принесет желаемых глазам эффекта, то нужно понимать, что необходимо как-то скомпилировать данный файл в понятный для WordPress язык, для этого мы воспользуемся замечательной программой PoEdit , она пока свободно распостраняется, и может быть скачана с официального сайта: http://poedit.net/ После установки достаточно открыть соответствующий файл *.po

Работать с программой Poedit достаточно легко - исходный текст слева, перевод справа. Для редактирования перевода щёлкните на соответствующую строку и введите новый перевод. При сохранении, Poedit автоматически скомпилирует ваш перевод и создаст соответствующий файл *.mo После этого необходимо заменить эти два файла в папке languages .
Если WordPress установлен на русском языке, то вы сразу же увидите изменения. Если же WordPress настроен на английский язык, то следует изменить локаль в файле wp-config.php . Найдите в этом файле строку определяющая константу WPLANG и измените её:

define ( "WPLANG" , "ru_RU" ) ;

Воспользовавшись поиском находим, что в шаблоне suffusion необходимый файл content.php находится по пути /suffusion/post-formats
Открываем его и находим содержание:

$continue = __("Reading Post... »" , "suffusion" ) ;
the_content($continue ) ;

Нас должно интересовать то, что в одинарных кавычках, т.е. Reading Post… »
Да, нам понадобится еще как минимум строка, в которой эта запись существует, это необходимо для того, чтобы при компиляции CMS знала, что на что подменять (в данном случае это будет 29 строка).

Идем, и открываем файл ru-Ru.po , создаем новый код:

Далее открываем тот-же файл ru-Ru.po в программе, которую скачивали и устанавливали ранее Poedit , и через контекстное меню сохраняем изменения (которые мы внесли ранее, но при сохранении происходит компиляция файла с расширением *.mo ).
Теперь осталось самое главное, это сохранить 2 файла в директории /languages и наслаждаться русским языком.