Отборная информация, которая вставляет!

Выезжающая панель с похожими статьями wordpress

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

Но не беда, недавно я нашел плагин, который по функционалу гораздо лучше, чем моя разработка и смотрится отлично.

Встречайте плагин UpPrev.

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

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

Лично я, для своего оформления добавлял такие стили

#upprev_box div.upprev_thumbnail h5, #upprev_box h5 {
font-size: 15px;
line-height: 16px;
margin: 0 0 0.4em;
}
#upprev_box .upprev_excerpt.upprev_thumbnail p {
margin: 0 0 0 70px !important;
}
#upprev_box div.upprev_thumbnail h5 {
margin-left: 70px;
}
#upprev_box .upprev_excerpt p {
font-size: 12px;
font-style: italic;
line-height: 14px;
}
#upprev_box div {
background-color: #FAFAFA;
border: 1px solid #E6E6E6;
margin-bottom: 8px;
padding: 8px;
}


Но и по умолчанию все смотрится неплохо.

К стати, если хотите использовать какую-то заглушку в постах где нет картинки, то можно заюзать код с блога автора

Вторая — Содержание. Опишу то, что может быть непонятным.

Галочка «Фильтры контента» — фильтры контента обычно добавляются разными другими плагинами. Ну, например, есть функции, которые выдирают с поста картинку и сохраняют ее как миниатюру в начале поста. Так вот, если вы включите в этом плагине вывод краткого анонса с текста, то, в таком случае, у вас появиться вместо анонса код этой миниатюры, а оно вам не надо. Поэтому обычно лучше включить эту галочку.

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

Далее выбираете типы постов в которых показывать это окошко, выводить ли анонсы и картинку. Сама картинка берется с функционала миниатюр wordpress.

Третья вкладка — ссылки — здесь можно добавить ваш аккаунт от гугл аналитикс и собирать статистику

Далее вкладки кеш и также вкладка мобильные устройства, где можно запретить показ окошка на мобильных устройствах (чтобы оно не перекрывало контент на небольшом экране)

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


 

Похожие статьи:



5 комментариев к “Выезжающая панель с похожими статьями wordpress”

  1. Golan:

    Поражают вебмастера, которые вроде бы и должны знать СЕО, но в 2012 году продолжают шифровать исходящие ссылки, будто от них чего убудет. Будто это 2008 год.
    А за плагин спасибо )

    • ETNO:

      если на то пошло, то SEO, а не CEO. Шифруют ссылки не только для того, чтобы вес не перетекал, он все равно перетекает. А например потому, что многие тырят статьи и все ссылки с статей становятся на мой сайт, а зашифрованы у меня ссылки потому, что плагин редиректа перестал работать после n-го кол-ва записей без шифрования, только с шифрованием работает. Другого пока не нашел, хотя наверное особо и не искал, если знаете, то скажите.

  2. Спасибо за информацию)

  3. Спасибо, ваш труд пригодился.
    Скажите, как поменять цвет фона окна?

    • ETNO:

      посмотреть css правило которое отвечает за этот цвет при помощи webbug или инструментов для разработчиков в гугл хроме и заменить там цвет. Если в css не разбираетесь, то наверное не получится

оставить отзыв

Если хотите вставить код в комментарии, то оберните его тегами ‹pre›‹/pre›