491 В этой статье вы узнаете, как увеличить количество просмотров статей с помощью добавления превьюшек для похожих статей, используя популярный плагин YARPP и произвольные поля WordPress.
Цель
Прежде чем начать, давайте посмотрим на результат.
Что мы получим:
Ну как выглядит? Хорошо? Тогда, давайте начнем.
YARPP плагин
Основой для этой статьи стал популярный плагин “Yet Another Related Post Plugin” или, для краткости, YARPP. Он просто идеален для генерации дополнительных просмотров страниц сайта той же тематики. Благодаря последнему обновлению плагина, стало возможно создавать свои собственные шаблоны для отображения результатов.
Устанавливаем плагин и активируем его.
Создаем шаблон для похожих статей
Как вы наверное уже заметили, при установке плагина, в него уже входят различные шаблоны для отображения похожих статей. Они хороши для изучения, но мы создадим шаблон с нуля. Начнем с создания нового файла с именем “yarpp-template-thumbnails.php” в корне папки вашей темы. В этом файле будет содержатся структура нашего шаблона.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 |
<?php ?> <h4 class="meta">Related Posts</h4> <?php if ($related_query->have_posts()):?> <ol class="related-posts"> <?php while ($related_query->have_posts()) : $related_query->the_post(); ?> <?php //Set Default Thumbnail Image URL's $related_thumbnail = get_post_meta($post->ID, "thumbnail_url", $single = true); $default_thumbnail = 'default-image.jpg'; ?> <li> <a href="<?php the_permalink() ?>" rel="bookmark"> <?php if ($related_thumbnail != "") : ?> <img src="<?php echo $related_thumbnail; ?>" alt="<?php the_title(); ?>" /> <?php else : ?> <img src="<?php echo $default_thumbnail; ?>" alt="<?php the_title(); ?>" /> <?php endif; ?> <?php the_title(); ?></a> </li> <?php endwhile; ?> </ol> <?php else: ?> <p>No related posts found</p> <?php endif; ?> |
В коде, расположенном выше, говорится, что если существуют похожие статьи, то скрипт пройдет их все и отобразит для каждой превью-картинку, ссылку на которую, он возмет из произвольного поля thumbnail_url. Если такой ссылки на картинку нет, тогда отобразится картинка по умолчанию из переменной $default_thumbnail. Эта просто необходимо, для случая, если пользователь забыл назначить для статьи провьюшку.
Вставляем в Single Template
Вручную вставляем код, расположенный ниже, в файл single.php. Мы рекомендуем поместить его под кодом the_content().
|
1 2 3 4 |
<?php if (function_exists('related_posts')){ ?> <?php related_posts();?> <?php }?> |
Настраиваем CSS
Просто добавьте код, расположенный ниже, в ваш файл стилей.
|
1 2 3 4 5 6 |
/* Related Posts */ ol.related-posts {clear:both; text-align:center; margin:10px 0px 0px 0px; padding:0;} ol.related-posts li{width:120px; float:left; display:inline; margin-right:15px;; padding:0;} ol.related-posts img{clear:both; padding:5px; background:#F7F7F7; border:1px solid #DDD;} ol.related-posts a{clear:both; display:block; border:none; text-decoration:none;} ol.related-posts li{font-size:12px;} |
Активируем новый шаблон
Теперь плагину нужно указать, какой шаблон использовать для отображения похожих статей. Переходите в настройки плагина и указываете на файл “yarpp-template-thumbnails.php”, сохраняете.
Назначение превьюшки в произвольном поле
Шаблон на месте и теперь для статьи осталось только указать, какую превьюшку использовать для отображения в похожих статьях. Решение просто, когда вы редактируете статью, раскройте панель «Произвольные поля». Укажите для поля thumbnail_url ссылку превью-картинки.
После, обновите статью и теперь YARPP будет показывать эту статью с указанной превьюшкой.
Завоевываем внимание посетителей
С такими превью-картинками у вас будет больше шансов, что кто-то заинтерсуется похожей статьей. Чтобы вам было легче разобраться со всем этим, мы включили шаблон в ZIP файл. Надеемся, это поможет вам начать работу с этим плагином.
Нету списка шаблонов для выбора на вывод... в чем может быть проблема?
обновите плагин до последней версии. проверьте точно ли в папке с темой лежат эти шаблоны...
Почему не использовать стандартный плагин ?
igit-related-posts-with-thumb-images-after-posts
Похожих плагинов очень много. Просто YARPP достаточно популярный.