3 плагина с миниатюрами для секции ‘Похожие записи’

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

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

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

Такие анонсы с миниатюрами в конце публикации можно организовать с помощью плагинов WordPress. О 3-х плагинах WordPress я вам сегодня хочу рассказать в своем обзоре.

1. IGIT Related Posts With Thumb Image After Posts — скачать плагин.

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

Русской локализации у плагина нет.

Страница настроек:

Горизонтальное расположение:

Вертикальное расположение:

2. Related Posts Thumbnailsскачать плагин.

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

Советую прочитать еще:  TwoColCat | Плагин WordPress который может расположить список рубрик в две или более колонок

К недостаткам плагина я бы отнес то, что некоторые настройки — размер миниатюры, отступы от края записи и между миниатюрами, надо регулировать в самом файле путем редактирования кода. Здесь нужны неплохие знания HTML+CSS.

3. Wp-Thumbie – Related Posts with Thumbnails for WordPressскачать плагин.

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

Как выглядит на странице:

К недостаткам этого плагина я отнес бы сложность изменения стиля CSS в настройках плагина.

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

Код выглядит так:

<div id="content">
<ul>
< ?php
$the_query = new WP_Query('showposts=5&orderby=post_date&order=desc&cat=1,2,3,4');
while ($the_query->have_posts()) : $the_query->the_post(); ?>
<li class="latest-post">
< ?php the_post_thumbnail(array(40,40), array ('class' => ‘alignleft’)); ?>
<a title="<?php the_title(); ?>» href=»< ?php the_permalink() ?>» rel=»bookmark»>< ?php the_title(); ?></a><br />
< ?php the_content_rss('', FALSE, '', 11); ?>
< ?php the_time('d M, Y') ?>
<div class="clear"></div>
</li>
< ?php endwhile; ?>
< ?php wp_reset_query(); ?>

</ul>
</div>

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

Главое условие, которое вам надо регулировать — это вот эта часть функции:

showposts=5&orderby=post_date&order=desc&cat=1,2,3,4

где:

showposts — количество выводимых анонсов, можно редактировать

Советую прочитать еще:  Quote Generator Widget | Генератор цитат в боковой колонке

cat=1,2,3,4 — ID ваших рубрик, можно редактировать.

Миниатюра выводится квадратная, размером 40 на 40 пиксель, тоже можно регулировать размер. Внимание обратить на <DIV> и создать для них свои параметры и стили.

Добавить код можно через редактирование файлов шаблона, а можно и вставить в текстовый динамичный виджет, при условии, что у вас на сайте установлен и работает плагин Exec-PHP, который разрешает использовать код PHP в текстовых виджетах вашего файла.

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

16 Comments

  • Огромное спасибо за ваш код, выглядит прекрасно. А то я никак не могла сделать, чтобы заработал плагин похожих постов. А это просто и красиво. Еще раз спасибо.

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

    Ответить
  • Автор · Edit

    И вообще, иногда такие фильтры могут не работать, если вы их вставляете внутри какого-либо цикла PHP.

    Ответить
  • Автор · Edit

    Вы не полностью выложили код, в конце обязательно должен быть крючок — wp_reset_query()

    Ответить
  • Не захотел код вставляться.. Как-то так.

    $the_query = new WP_Query('showposts=10&orderby=post_date&order=desc&cat=-1,-2,3,-4');

    Мне нужна только третья рубрика, пробовал и только цифру 3, и все кроме три, в общем, брутфорсом перебрал все варианты, включая те что мне не нужны..

    Ответить
  • Олег, спасибо за столь быстрый ответ!
    У меня получилось, ошибки вроде нет:


    have_posts()) : $the_query->the_post(); ?>
    'alignleft')); ?>
    <a title="" href="" rel="bookmark">

    Ответить
  • Здравствуйте! Воспользовался кодом приведённым вами в конце статьи — возникло несколько проблем:
    1. Перед миниатюрами отображаются белые квадраты (как маркеры списка). Причём если в фаерфоксе они хоть отображаются одинаково, то в хроме они местами до миниатюры, местам после.
    2. Самое печальное для меня — не работает фильтр по категориям. И минусы ставил перед нежелательными категориями, и оставлял одну (ту что не нужно). Никакой реакции.
    Буду очень признателен если поможете разрешить проблему. Спасибо.

    Ответить
    • Автор · Edit

      1. Белые квадраты — это «работа» свойства стилей — li. У вас в файле стилей есть описанное свойство, и оно мешает. Решение — удалить из кода теги HTML li.
      2. Должен работать. Я этот код использую постоянно в разных темах, которые делаю под заказ, последний раз — здесь: http://dacogroup.ru, на главной справа — секция «Новости Китая».
      Почему у вас не работает? Не знаю, возможно, вы допустили где-то ошибку при вставке этой функции в свой файл темы.

      Ответить
  • Уж простите криворукого.. А можно я код вот так выложу? dropbox.com/sh/85kkiv70pfncj6y/zIHr-pSBHr

    Крючок как видите не забыл, код не внутри цикла..

    Ответить
  • Автор · Edit

    Советую не экспериментировать, а хотя бы почитать Документацию — codex.wordpress.org/Class_Reference/WP_Query

    Ответить
  • Очень полезная статья! Я как раз сейчас искал замену плагину IGIT Related Posts With Thumb Image After Posts. Он достаточно хорош, но есть одно «но», которое значительно снижает его ценность: как я обнаружил, сей плагин генерирует много лишних запросов к БД. У меня, так в среднем 30 лишних запросов на каждую страницу, причем плагину пофиг, если это даже не single страница, а например, главная, страница рубрик, или меток. Он знай генерит запросы, и все тут. Например, на главной он мне добавил 22 запроса, в рубриках 35, а статичные страницы — от 5 до 20-ти.
    У Вас я нашел отличную альтернативу: Related Posts Thumbnails. Он правда тоже на синглах генерит по 20-ть запросов, но хоть на остальных — по 1-му. Насчет того, что «надо регулировать в самом файле путем редактирования кода» — Вы слегка заблуждаетесь. В настройках плагина надо выбрать опцию «список», а затем поставить галочку «отключить настройки плагина». За счет этого сбрасываются внутренние стили плагина. После этого можно добавлять стили прямо в файл темы style.css, например так:
    /*Изменения в стиле вывода связанных записей*/

    #related_posts_thumbnails {
    list-style-type: none;
    list-style-position: inside;
    padding: 0pt;
    margin: 0pt;
    }

    #related_posts_thumbnails li {
    float: left;
    margin: 0pt;
    padding: 5px;
    display: block;
    background-color: #FFFFFF;
    }

    #related_posts_thumbnails li:hover {
    background-color: #EEEEEF;
    color:red;
    }

    #related_posts_thumbnails li a {
    border: 0pt none;
    line-height: normal;
    font-size-adjust: none;
    font-stretch: normal;
    }

    #related_posts_thumbnails li a+a {
    display: block;
    width: 140px;
    overflow: hidden;
    height: 55px;
    color: #333333;
    text-decoration: none;
    font: 12px Verdana, Arial;
    margin-top:10px;
    }

    #related_posts_thumbnails li a+a:hover {
    display: block;
    width: 140px;
    overflow: hidden;
    height: 55px;
    color: red;
    text-decoration: none;
    font: 12px Verdana, Arial;
    }

    #related_posts_thumbnails img {
    padding: 0px;
    margin: 0px;
    border: 0pt none;
    width: 140px;
    }

    Ну, и в стилях уже наводим красоту…

    Ответить
    • Автор · Edit

      Возможно, вы и правы, но я менял в стилях плагина, можете посмотреть здесь и здесь:
      http://www.wpfreethemes.ru
      http://www.importfilm.ru

      Ответить

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

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