WordPress анонс записи – wp_get_recent_posts() — Получает последние записи (посты) сайта, включая черновики, запланированные и записи на модерации. Получит 10 последних записей. Функция WordPress.

3 способа создания анонса записи в WordPress

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

Ни в одном из нижеперечисленных способов плагинов нам не потребуется.

Тег «Далее»

Сначала разберём самый простой и самый часто использующийся способ. Работает практически для любых тем WordPress.

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

  1. Перейти на страницу редактирования поста.
  2. Поставить курсор в то место в тексте, в котором вы хотите его обрезать и нажать кнопку в редакторе Вставить тег «Далее» кнопка вставки тега далее или кнопку more кнопка Далее для HTML-редактора — в зависимости от того, каким редактором вы пользуетесь (Визуальным или HTML).
  3. Обновить пост.

Записал видео для полной наглядности:

Применение: функция the_content()

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

При использовании the_content() весь HTML поста сохранится, картинки также будут в анонсе.

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

Цитата

Второй способ создания анонсов постов — использование поля «Цитата». Этот способ сработает только в том случае, если для вывода анонсов у вас используется the_excerpt() (её аналог get_the_excerpt() возвращает цитату, а не выводит).

поле Цитата на странице редактирования постов
Поле «Цитата».

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

Пара слов о том как работают функция the_excerpt():

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

Постарался показать это на видео:

Собственная функция, обрезающая содержимое поста до определенного количества символов

Код функции представлен ниже, добавляем его в functions.php текущей темы WP.

function the_truncated_post($symbol_amount) {
	$filtered = strip_tags( preg_replace('@<style[^>]*?>.*?</style>@si', '', preg_replace('@<script[^>]*?>.*?</script>@si', '', apply_filters('the_content', get_the_content()))) );
	echo substr($filtered, 0, strrpos(substr($filtered, 0, $symbol_amount), ' ')) . '...';
}

Затем, в том месте, в котором нужно вывести анонс, вставляем:

the_truncated_post( 100 );

Если при использовании этого метода у вас появятся кракозябры, тогда рекомендую внутри функции the_truncated_post(), на 3й строке, произвести следующие замены: substr() => mb_substr(), strrpos() => mb_strrpos(). Если в итоге функция вообще перестанет работать, то это уже вопросы к вашему хостеру.

Миша

В последние годы я долго не знал, что мне делать с сайтом misha.blog, ведь он практически не приносит никакого профита, но недавно я осознал, что моя миссия – способствовать распространению WordPress. Ведь WordPress – это лучший движок для разработки сайтов – как для тех, кто готов использовать заложенную структуру этой CMS, так и для тех, кто предпочитает headless решения.

Сам же я впервые познакомился с WordPress в 2009 году. Организатор WordCamp. Преподаватель в школах Epic Skills и LoftSchool.

Если вам нужна помощь с вашим сайтом или может даже разработка с нуля на WordPress / WooCommerce — пишите. Я и моя команда сделаем вам всё на лучшем уровне.

Настройка и вывод анонса записи WordPress

Всем привет! Давно я не писал на своем блоге про WordPress, но вот подвернулась одна интересная тема. Сегодня речь пойдет об анонсах записей WordPress: как настроить их внешний вид и вывод на главной странице блога и в рубриках. Казалось бы, банальные вещи, но есть хитрости, о которых многие не знают!

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

Создание анонса записи WordPress

Начало статьи в качестве анонса (как на моем блоге).

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

В данном случае в текст записи следует вставить тег

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

Создание на 100% уникального анонса.

Чтобы получить полностью уникальный анонс, следует использовать вот такую связку тегов:

<!--more--><!--noteaser-->

Весь материал до него — анонс, а то что после него — содержание статьи.

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

Вывод анонсов на главной и в категориях

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

За главную страницу отвечает шаблон index.php. В нем для вывода анонса используется код:

В моей теме данная функция идет с параметром (указывается текст ссылки, которая ведет на полный вариант статьи):

<?php the_content('Читать дальше'); ?>

Данная функция выводит как текст, так и картинки — можете посмотреть как это выглядит на моем блоге.

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

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

Интересности

Помимо кода, отвечающего непосредственно за вывод содержания анонса, часто используются еще и дополнительные функции:

  • the_post_thumbnail () — отвечает за вывод миниатюры;
  • the_title () — выводит заголовок записи;
  • the_category () — категория, к которой относится запись;
  • the_time () — дата публикации.

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

<?php if (in_category('61')) : ?>
 
// Оформление для рубрики с ID 61.
 
    <?php the_content('Читать дальше'); ?>
 
<?php else:?>
 
// Оформление для всех остальных рубрик.
 
    <?php the_content('Читать дальше'); ?>
 
<?php endif; ?>

61 — это ID рубрики, для которой мы и делаем оригинальное оформление (как узнать ID категории). Конечно, этот код стоит дополнить описанными выше функциями и тегами html, для которых прописываются CSS стили для настройки визуального оформления.

На этом же на сегодня все, спасибо за внимание!

Лучший способ выразить благодарность автору - поделиться с друзьями!

Узнавайте о появлении нового материала первым! Подпишитесь на обновления по email:

Следите за обновлениями в Twitter и RSS.

Стильные анонсы записей wordpress, плагин, 4 стиля – INFO-EFFECT

На чтение 3 мин. Опубликовано

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

 

стильные записи

 

 

Стильные записи WordPress плагин

 

Установить плагин The Post Grid вы сможете прямо из админ-панели wordpress. Перейдите на страницу: Плагины – Добавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

 

плагин wordpress

 

После установки и активации плагина, перейдите на страницу: The Post Grid – All Grid. Нажмите здесь на кнопку – Add New Grid, чтобы добавить новую сетку записей.

 

добавить новые записи

 

На странице Add New Post Grid укажите название новой сетки записей.

 

Post Source.

– Post Type, выберите что будет отображаться в анонсах записи или страницы.

– Include only, здесь вы можете указать ID записей или страниц, которые будут отображаться в сетки.

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

Limit, здесь можно задать лимит, то есть указать сколько максимум записей будет отображаться на странице.

Advanced filters, здесь вы можете выбрать по каким критериям будут фильтроваться записи.

 

Layout Settings.

– Layout, выберите стиль отображения записей. На выбор четыре варианта.

– Column, укажите сколько будет колонок в сетке записей.

– Pagination, можно включить навигацию, то есть следующий или предыдущий.

– Feature Image Size, выберите размер изображений.

– Media Source, откуда берётся изображение для записей. По умолчанию отображаются миниатюры записей, второй вариант из содержания записей.

– Excerpt limit, здесь вы можете задать лимит для отрывка записи.

 

Field Selection. Здесь вы можете выбрать что будет отображаться в анонсах записей, а что не будет.

 

Style.

– Primary Color, можно выбрать основной цвет для анонсов.

– Button background color, можете выбрать цвет фона кнопки читать далее.

– Button hover background color, цвет кнопки при наведении.

– Button active background color, цвет активной кнопки, на которую нажали.

– Button text color, цвет текста в кнопке.

 

настройки записей

 

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

 

опубликовать сетка

 

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

 

шорткод записи страница

 

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

 

Остались вопросы? Напиши комментарий! Удачи!

 

Как сделать вывод анонсов записей на главной странице блога на WordPress.

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

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

Для этого есть 2 способа.

Первый способ заключается в использовании тега <! – more – > в тексте вашего поста.

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

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

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

С кодом нужно работать ОЧЕНЬ ВНИМАТЕЛЬНО. Любая палочка, скобочка там нужны, важны. И если случайно удалить что-то не то, ваш шаблон будет работать некорректно. Поэтому сделайте копию папки с Вашим шаблоном себе на компьютер (на всякий случай, чтобы всегда можно было вернуться к прежнему виду). Папка с файлами Вашего шаблона находится в папке wp-content/temes/. Скопируйте ее целиком на свой компьютер. Если в процессе работы с кодом файла что-то пойдет не так, Вы всегда сможете закачать исходный вариант файлов Вашего шаблона из этой копии.

Теперь сосредоточились, убрали все отвлекающие момента и за работу.

Заходим в админку WordPress, в раздел «Внешний вид» — «Редактор». Находим файл основного шаблона (index.php), кликаем по нему, и нам открывается для редактирования его код.

Найдите следующий код, который отвечает за вывод контента:

Удалите эту строку, а на ее место вставьте следующий код:

<?php the_excerpt();?>
<p><a href="<?php the_permalink();?>">Читать >>></a></p>

Немного поясню, первая строка в этом коде — это команда, которая выводит цитату (чуть дальше Вы поймете, что это такое), а второй строкой мы с Вами вставляем ссылку «Читать», которая будет вести на страницу с полным текстом Вашей публикации.

Сохраняем внесенные изменения — кнопка ОБНОВИТЬ под кодом файла. Теперь уже можно взглянуть, что получилось. Перейдите на главную страницу Вашего сайта. Что Вы видите? У Вас должны получиться фрагменты  постов длинной по 55  слов, взятые из самого начала поста. И ссылка «Читать», которая будет вести на страницу публикации.

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

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

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

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

После заполнения пункта «Цитата» обновите Вашу публикацию. И проверяйте результат на главной.

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

Удачи!

Как добавить отрывок к записи с кратким анонсом в WordPress (Post Excerpt)

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

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

Специализированный хостинг для сайтов на WordPress!Специализированный хостинг для сайтов на WordPress! Hostenko - Лучший WordPress хостингHostenko - Лучший WordPress хостинг

Как добавить отрывок к записи с кратким анонсом в WordPress (Post Excerpt)

Как добавить отрывок к записи с кратким анонсом в WordPress (Post Excerpt)

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

Смотрите также:

В нашем коротком руководстве мы покажем, как найти и использовать анонсы записей в WordPress.

Давайте приступим!

Войдите в свою консоль WordPress в меню Записи → Все записи и выберите любую запись, для которой вы хотите добавить анонс.

Как добавить отрывок к записи с кратким анонсом в WordPress (Post Excerpt)

Как добавить отрывок к записи с кратким анонсом в WordPress (Post Excerpt)

Нажмите "Настройки экрана" вверху справа от окна редактирования и поставьте галочку возле "Отрывок":

Как добавить отрывок к записи с кратким анонсом в WordPress (Post Excerpt)

Как добавить отрывок к записи с кратким анонсом в WordPress (Post Excerpt)

Теперь прокрутите окно редактора записи вниз, пока не найдёте поле для ввода Отрывка:

Как добавить отрывок к записи с кратким анонсом в WordPress (Post Excerpt)

Как добавить отрывок к записи с кратким анонсом в WordPress (Post Excerpt)

Добавьте текст, который хотите использовать в качестве анонса к записи и сохраните вашу запись.

Hostenko - Лучший WordPress хостингHostenko - Лучший WordPress хостинг

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

Специализированный хостинг для сайтов на WordPress!Специализированный хостинг для сайтов на WordPress!

Смотрите также:

Blog Designer Стильные анонсы записей плагин WordPress – INFO-EFFECT

На чтение 3 мин. Опубликовано

 Привет ! Мы продолжаем разбирать самые интересные и самые полезные плагины для сайта WordPress ! Сегодня вы узнаете как добавить на свой сайт Супер стильные анонсы записей WordPress. Вы сможете вывести последние записи или записи из определённой категории на отдельной странице. Вы сможете выбрать стиль отображения записей. Вы сможете настроить стили и отображение записей. Очень простой и полезный плагин !

 

Blog Designer


Blog Designer


Blog Designer


Blog Designer

 

Установить плагин Blog Designer вы сможете прямо из админ-панели WordPress. Перейдите на страницу: Плагины – Добавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

 

Blog Designer

 

Далее, после установки и активации плагина, перейдите на страницу: Blog Designer. Здесь вы сможете настроить основные параметры плагина.

 

General Settings.

– Blog Page Displays, выберите здесь страницу, на которой будут отображаться записи.

– Blog Pages Show at Most, укажите здесь сколько будет отображаться записей.

– Display Sticky Post, сделать запись липкой.

– Display Post Category, показать категорию записи.

– Display Post Tag, показать метку или тег записи.

– Display Post Author, показать автора записи.

– Display Post Date, показать дату записи.

– Display Post Comment Count, показать количество комментариев к записи.

 

Standard Settings.

– Blog Post Categories, здесь можно выбрать категории из которых будут отображаться записи.

– Blog Designs, здесь вы можете выбрать стиль отображения записей.

– Background Color for Blog Posts, можно выбрать цвет фона записей.

– Alternative Background Color, альтернативный цвет фона.

– Choose Link Color, цвет ссылок.

– Custom CSS, можно указать свои стили.

 

Post Title Settings.

– Post Title Color, цвет заголовка записи.

– Post Title Background Color, цвет фона заголовка записи.

– Post Title Font Size, размер шрифта заголовка записи.

 

Post Content Settings.

– For each Article in a Feed, Show, в анонсе показывать отрывок или весь текст записи. По умолчанию отрывок.

– Post Content Length, можно указать количество слов в отрывке текста.

– Post Content Font Size, размер текста в отрывке записи.

– Post Content Color, цвет текста.

– Read More Text, можете указать свой текст для кнопки “Читать далее”.

– Read More Text Color, цвет текста в кнопки “Читать далее”.

– Read More Text Background Color, цвет фона кнопки.

 

Social Share Settings.

– Shape of Social Icon, можно выбрать форму кнопок соцсетей. Квадратные или круглые.

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

Сохраните изменения.

 

Blog Designer Settings

 

Всё готово ! После сохранения настроек, на странице, которую вы указали в настройках, будут отображаться Стильные анонсы записей WordPress !

 

Blog Designer Settings Ещё Супер плагины для вывода записей вордпресс Смотри Здесь !!!

 

Остались вопросы ? Напиши комментарий ! Удачи !

 

 

Стильные анонсы записей wordpress, плагин, 4 стиля | RankBrain.ru

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

 

 

Установить плагин The Post Grid вы сможете прямо из админ-панели wordpress. Перейдите на страницу: Плагины — Добавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

 

 

После установки и активации плагина, перейдите на страницу: The Post Grid — All Grid. Нажмите здесь на кнопку — Add New Grid, чтобы добавить новую сетку записей.

 

 

На странице Add New Post Grid укажите название новой сетки записей.

 

Post Source.

— Post Type, выберите что будет отображаться в анонсах записи или страницы.

— Include only, здесь вы можете указать ID записей или страниц, которые будут отображаться в сетки.

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

Limit, здесь можно задать лимит, то есть указать сколько максимум записей будет отображаться на странице.

Advanced filters, здесь вы можете выбрать по каким критериям будут фильтроваться записи.

 

Layout Settings.

— Layout, выберите стиль отображения записей. На выбор четыре варианта.

— Column, укажите сколько будет колонок в сетке записей.

— Pagination, можно включить навигацию, то есть следующий или предыдущий.

— Feature Image Size, выберите размер изображений.

— Media Source, откуда берётся изображение для записей. По умолчанию отображаются миниатюры записей, второй вариант из содержания записей.

— Excerpt limit, здесь вы можете задать лимит для отрывка записи.

 

Field Selection. Здесь вы можете выбрать что будет отображаться в анонсах записей, а что не будет.

 

Style.

— Primary Color, можно выбрать основной цвет для анонсов.

— Button background color, можете выбрать цвет фона кнопки читать далее.

— Button hover background color, цвет кнопки при наведении.

— Button active background color, цвет активной кнопки, на которую нажали.

— Button text color, цвет текста в кнопке.

 

 

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

 

 

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

 

 

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

 

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *