Тег шаблона: the_excerpt

27.02.2010

Описание

Выводит анонс текущей записи с символами '[...]' в конце, означающими, что текст записи был обрезан. Если в записи была указана 'Цитата', то анонс записи будет взят из нее, а если нет, то в качестве анонса будут взяты первые 55 слов из записи. В анонсе автоматически вырезаются все картинки и все HTML теги. Тег должен работать в пределах цикла вывода записей The Loop.

Внимание: если текущим постом является вложение (attachment.php и image.php), то в качестве анонса будет показано описание вложения, причем символы '[...]' не будут добавлены к такому анонсу.

Использование

<?php the_excerpt(); ?>

Параметры

В функции нет никаких параметров.

Примеры

1. По умолчанию

<?php the_excerpt(); ?>

Будет показан анонс текущей записи.

2. Использование с условными тегами

<?php if ( is_category() || is_archive() ) {
	the_excerpt();
} else {
	the_content('Читать дальше...');
} ?>

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

3. Изменение длины анонса с помощью фильтра

function new_excerpt_length($length) {
	return 20; }
add_filter('excerpt_length', 'new_excerpt_length');

Данный код, добавленный в файл functions.php шаблона уменьшит длину анонса с 55 слов до 20 слов.

4. Удаление символов '[...]' в конце анонса с помощью фильтра

function new_excerpt_more($excerpt) {
	return str_replace('[...]', '...', $excerpt); }
add_filter('wp_trim_excerpt', 'new_excerpt_more');

Данный код, добавленный в файл functions.php заменит символы '[...]' в конце анонса на символы '...'.

function new_excerpt_more($post) {
	return ' <a href="'. get_permalink($post->ID) . '">'
	. 'читать дальше...' . '</a>'; }
add_filter('excerpt_more', 'new_excerpt_more');

А этот код не только заменит символы '[...]' в конце анонса на текст 'читать дальше...', но и сделает этот текст ссылкой на полную запись.

Внимание! При заполненном поле 'Цитата' в записи никакие фильтры не будут работать - в качестве анонса записи будет выведена 'Цитата' в том виде, как она была заполнена.

Лог изменений

Функция добавлена в версии 0.71

Исходный файл

Функция the_excerpt() находится в wp-includes/post-template.php

Связанные теги|функции

Рубрики: Теги шаблонов Функции WordPress Условные теги

Понравился пост? Подпишись на обновления по RSS или Twitter !

Комментарии (всего 58 комментариев)

Flector написал(а) комментарий Цитировать
#41,

Как убрать картинки из анонса, а оставить как и раньше одни миниатюры?

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

Кс написал(а) комментарий Цитировать
#42,

А подскажите, пожалуйста, что нужно сделать, чтобы ссылку "Читать далее" заменить на кнопку?

В стилях кнопка есть. Выглядит как

1	class="art-button"

Вычитала совет в другой статье.
Попробовала добавить кусок кода в конец файла functions.php

* 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 '<div class="view-full-post"><a href="'. get_permalink($post->ID) . '" class="art-button">Читать далее...</a></div>;';
}
add_filter('excerpt_more', 'et_excerpt_more');

Ничего не изменилось...((

Кс написал(а) комментарий Цитировать
#43,
Поморочилась немного, вот что сделала.
Выяснила, что в коде ссылка "Читать далее" после вывода выглядит как
1
<a href="адрес ссылки/#more-27" class="more-link">
<a href="адрес ссылки/#more-27" class="more-link">
Искала этот класс повсюду, во всех файлах - не нашла...
В итоге не придумала ничего лучше, как скопировать стиль кнопки art-button и заменить название его класса на more-link.

В итоге кнопка появилась, но результат не тот, которого я ожидала...((
Вот скрин. http://i.imgur.com/50k3jyf.png Внизу висит кнопка, но она вставлена просто как произвольная кнопка
1
<a href="#" class="art-button">Читать далее</a>
<a href="#" class="art-button">Читать далее</a>
, не по тегу more.
Так я хочу чтобы выглядели все кнопки more.
А получилось, то что в верхней записи. Кнопка появилась. Но она размером подогнана под высоту строки, и текст на ней - это то, как выглядит обычная ссылка на странице - не очень-то хорошо....

Не могу даже представить, куда копать дальше, чтобы довести её до нормального вида. Искала ещё в файлах "the_content", много их перерыла - не нашла ничего, что было бы похоже на то, что нужно...(((

Помогите, пожалуйста! Я уже с ног сбилась...
Кс написал(а) комментарий Цитировать
#44,
Ещё в каком-то файле находила кусок
1 2
if ($show_more_tag) { $excerpt = $excerpt . ' <a class="more-link" href="' . $perma_link . '">' . $more_tag . '</a>';
if ($show_more_tag) { $excerpt = $excerpt . ' <a class="more-link" href="' . $perma_link . '">' . $more_tag . '</a>';
Заменяла в нём класс на art-button, но ничего не менялось.

Я понимаю, что это скорей всего некорректно, но проверила на всякий случай %)))

Я в этом новичок... бьюсь головой об стену...
Flector написал(а) комментарий Цитировать
#45,

Помогите, пожалуйста! Я уже с ног сбилась...

дайте ссылку на тему, я посмотрю.
Кс написал(а) комментарий Цитировать
#46,
Тему сама делала в артистере. Могу скинуть какие надо файлы...
Flector написал(а) комментарий Цитировать
#47,

Могу скинуть какие надо файлы...

всю папку темы в архив и мне на rlector@gmail.com

я, кстати, так и подумал, что у вас тема из артистера - там вечно потом возникают проблемы с ручными модификациями.
Кс написал(а) комментарий Цитировать
#48,
отправила тему
Flector написал(а) комментарий Цитировать
#49,
отправила тему

самое простое, что можно сделать - это прописать класс ссылки читать дальше, как кнопку темы. исправьте в styles.css строчку:
56
.art-button
.art-button
на
56
.art-button, .more-link
.art-button, .more-link
и ссылки будут выглядеть как кнопки:

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

если что не ясно - пишите.
Кс написал(а) комментарий Цитировать
#50,
Ну, это, в принципе, то, что я и сделала....
http://i.imgur.com/50k3jyf.png

Как мне теперь эту самую ссылку more-link привести в нужный вид? Где её код искать?
Flector написал(а) комментарий Цитировать
#51,

Где её код искать?

нигде. зачем оно вам?
у вас есть идентификатор - .more-link - вот его и изменяйте в стилях.

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

я просто не совсем понял, что в итоге хотите получить - на вашем скрине вполне приличная кнопка выведена, что вас не устраивает?
Кс написал(а) комментарий Цитировать
#52,
Выглядит как вверху, а надо как внизу.

у вас есть идентификатор - .more-link

Где?? Я весь код перелопатила... не нашла нигде...
Flector написал(а) комментарий Цитировать
#53,

Где?? Я весь код перелопатила... не нашла нигде...

зачем его искать?
он формируется движком.
поэтому вы через css можете оформить, как вам надо.
вам не надо редактировать ни код темы, ни код движка - только стили в style.css темы.

Кс написал(а) комментарий Цитировать
#54,

Я о стилях и говорю.
.more-link я в стилях нигде не нашла.
Просто добавила его в конец страницы стилей и запихала в него код из кнопки art-button.

.more-link
{
   border-collapse: separate;
   -webkit-background-origin: border !important;
   -moz-background-origin: border !important;
   background-origin: border-box !important;
   background: #C7D93A;
   background: linear-gradient(top, #D9E67A 0, #C2D629 63%, #97A720 100%) no-repeat;
   background: -webkit-linear-gradient(top, #D9E67A 0, #C2D629 63%, #97A720 100%) no-repeat;
   background: -moz-linear-gradient(top, #D9E67A 0, #C2D629 63%, #97A720 100%) no-repeat;
   background: -o-linear-gradient(top, #D9E67A 0, #C2D629 63%, #97A720 100%) no-repeat;
   background: -ms-linear-gradient(top, #D9E67A 0, #C2D629 63%, #97A720 100%) no-repeat;
   background: linear-gradient(top, #D9E67A 0, #C2D629 63%, #97A720 100%) no-repeat;
   -svg-background: linear-gradient(top, #D9E67A 0, #C2D629 63%, #97A720 100%) no-repeat;
   -webkit-border-radius:7px;
   -moz-border-radius:7px;
   border-radius:7px;
   -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.2);
   -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.2);
   box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.2);
   border:1px solid #8D854E;
   padding:0 22px;
   margin:0 auto;
   height:29px;
}

Я так понимаю, чтобы изменить отображение ссылки внутри кнопки, нужно туда же что-то дописать.
Но я в php не разбираюсь вообще.
Можете подсказать, что туда дописать, чтобы кнопка читать далее выглядела, как нижняя из скрина? http://i.imgur.com/50k3jyf.png

(Хотя, по логике, вид этой ссылки уже должен быть где-то прописан. Не зря же там после ссылки стрелочка стоит. Значит это не общий вид ссылок содержимого. Но где именно он прописан я найти не смогла. О чём уже писала неоднократно. Перерывала всю эту кучу css-ных файлов с поиском по тегам.)

Flector написал(а) комментарий Цитировать
#55,

Я так понимаю, чтобы изменить отображение ссылки внутри кнопки, нужно туда же что-то дописать.
Но я в php не разбираюсь вообще.

это css, а php в этом вопросе вам вообще не надо. и вы правильно эти стили добавили, осталось их чуть-чуть подредактировать вроде вот этого:

.more-link
{
   border-collapse: separate;
   -webkit-background-origin: border !important;
   -moz-background-origin: border !important;
   background-origin: border-box !important;
   background: #C7D93A;
   background: linear-gradient(top, #D9E67A 0, #C2D629 63%, #97A720 100%) no-repeat;
   background: -webkit-linear-gradient(top, #D9E67A 0, #C2D629 63%, #97A720 100%) no-repeat;
   background: -moz-linear-gradient(top, #D9E67A 0, #C2D629 63%, #97A720 100%) no-repeat;
   background: -o-linear-gradient(top, #D9E67A 0, #C2D629 63%, #97A720 100%) no-repeat;
   background: -ms-linear-gradient(top, #D9E67A 0, #C2D629 63%, #97A720 100%) no-repeat;
   background: linear-gradient(top, #D9E67A 0, #C2D629 63%, #97A720 100%) no-repeat;
   -svg-background: linear-gradient(top, #D9E67A 0, #C2D629 63%, #97A720 100%) no-repeat;
   -webkit-border-radius:7px;
   -moz-border-radius:7px;
   border-radius:7px;
   -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.2);
   -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.2);
   box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.2);
   border:1px solid #8D854E;
   padding:8px 20px;
   margin:0 auto;
   height:29px;
   font-weight: bold;
   color: black!important;
   text-decoration: none!important;
}

выйдет что-то вроде:

Кс написал(а) комментарий Цитировать
#56,
Спасибо Вам Громадное! Наконец-то получилось! : ))

Правда, кнопка почему-то налазит на текст над ней...
Исправила это пока тем, что в тексте новости вставила пару br-ов перед тегом more. Как ни странно - сам текст в новости это не разорвало, зато кнопка теперь не перекрывает текст %)

Ещё я кстати нашла, где располагается код, отвечающий за стрелку после фразы "Читать далее".

В Функциях темы (functions.php)
1
$more_tag = theme_get_array_value($args, 'more_tag', __('Continue reading <span class="meta-nav">→</span>', THEME_NS));
$more_tag = theme_get_array_value($args, 'more_tag', __('Continue reading <span class="meta-nav">→</span>', THEME_NS));
1
→
→
- это код стрелки.

Ещё, конечно, для меня осталось загадкой, почему этот кусок показывает, что должен отображаться текст "Continue reading", в то время, как у меня показывает по-русски "Читать далее"... %)) И, если поменять класс, в котором выводится стрелка - в новостях таки показывается оригинал по-английски... %)))
Волшебство какое-то... %)))

Врут они всё, когда пишут, что не нужно разбираться в программировании, чтобы сделать нормальный сайт на вордпрессе...))))
Кс написал(а) комментарий Цитировать
#57,
Кстати, попробовала поставить марджин туда же в кнопку, чтобы она автоматически отдалялась от краёв.
1
margin:20px;
margin:20px;
Но почему-то отступ появился только сбоку...
http://i.imgur.com/Do7TFUs.png

Это, конечно, уже не так критично...)) но всё равно странно...
Flector написал(а) комментарий Цитировать
#58,

Ещё, конечно, для меня осталось загадкой, почему этот кусок показывает, что должен отображаться текст "Continue reading", в то время, как у меня показывает по-русски "Читать далее"... %))

это как просто. в файлах темы в папке languages у вас лежит файл локализации ru_RU.po - вот из него перевод и берется. вы могли бы просто перевод отредактировать программой POedit.

Кстати, попробовала поставить марджин туда же в кнопку, чтобы она автоматически отдалялась от краёв.

особенность темы - там верхние и нижние блоки не дают маржину работать. мне так навскидку сложно сказать, как это исправить.

Все 1 23

Написать комментарий

Главная

Русский Codex

Теги шаблонов

the_excerpt

Тег шаблона: the_excerpt

Облако меток