кнопка наверх

Advanced Most Recent Posts: последние записи с миниатюрами в WordPress

последние записи wordpressЗдравствуйте, друзья! Мы купили билеты в Бельгию на майские праздники! Билет на самолет из Турку (Финляндия) в Брюссель в один конец стоит всего $10! Но, чтобы добраться до этого Турку мы потратим куда больше, поедем на машине и оставим ее на парковке. Подробности путешествия опишу по возвращению.

Сегодня я расскажу о том, как сделать вывод последних записей Wordpress с помощью плагина Advanced Most Recent Posts, а также без использования него. Основная задача этого плагина — вывести в сайдбаре заголовок статьи и миниатюру основной картинки. Также есть возможность отобразить в виджете последние записи определённых рубрик. Плагин довольно простой./p>

Вывод последних записей WordPress

Зачем отображать самые свежие посты блога?

  • удобно для пользователей;
  • дополнительная внутренняя перелинковка.

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

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

Последние записи с плагином Advanced Most Recent Posts

Установка плагина стандартная. Проще всего найти его в поиске по новым плагинам в админке блога, установить и активировать. После чего переходим «Внешний вид» -> «Виджеты» и перетаскиваем виджет Advanced Recent Posts в боковую колонку.

1. Указываем ширину и высоту миниатюры картинки.

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

3. Чтобы последние записи WordPress с картинками отображались в определённых рубриках нужно указать id рубрики.

CSS-стили виджета последних записей WordPress

В вашем сайдбаре появился новый блок, но, возможно, он не вписался в дизайн блога. Это легко исправить. Достаточно внести изменения в ваш файл style.css, находящийся в папке активной темы. Для удобства правки стилей я советую использовать дополнение Firebug или его аналоги. 

Чтобы получить такое оформление, как у меня, вставьте следующий код в style.css:

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
.advanced-recent-posts {
	list-style:none;
}
.advanced-recent-posts li { 
    overflow:auto; 
    margin:10px 0px; /* отступы сверху и знизу*/
    border-bottom:2px solid #E6E6E6; /* цвет и толщина нижней линии*/
    padding-bottom:5px; /* нижний отступ*/
}
.advanced-recent-posts li img { 
    background: #fff; /* фон белый */
    border: 1px solid #DCDCDC; /* рамочка вокруг картинки */
    border-radius: 3px 3px 3px 3px; /* */
    float: left;
    margin-right: 15px; /* отступ от рамки миниатюры */
}
.advanced-recent-posts li a { 
    text-decoration:none; 
    font-weight:normal; /* жирность ссылок */
    color:#1e292b; /* цвет ссылок */
    padding:0; 
    line-height: 20px; /* межстрочный интервал */
}
.advanced-recent-posts li p { 
	margin-top:10px; float:right;
}

Последние записи WordPress без плагина (кодом)

Теперь попробуем отобразить последние статьи без плагина и виджета, используя лишь php-код.
Добавить этот код можно в файлы single.php, page.php, footer.php или sidebar.php в зависимости от того, где вы хотите расположить свой блок свежих постов. Как редактировать файлы в Вордпресс написано отдельно.

Вставить в код нужно всего одну строчку:

1
<?php wp_get_archives('type=postbypost&limit=10'); ?>

, где limit=5 — количество выводимых статей, у себя я поставила 3, потому что сайдбар и так очень длинный, можно поставить побольше. С оформлением стилей здесь придется посложнее, но если вы соображаете в css, проблем не возникнет.

Спасибо за внимание. Всем удачи, пока!


1 звезда2 звезды3 звезды4 звезды5 звезд (4 оценок, среднее: 4,00 из 5)
Загрузка...
like
Понравилось?
Подпишитесь на блог и получайте новые статьи!
Добавляйтесь в соц. сетях:
  1. Александр:

    Спасибо!Предельно понятно.Но не могу понять,что значит:

    advanced recent posts Thumbnails? Можете так-же обрисовать?

    Ответить
  2. van4a:

    Спасибо! давно искал как в сайдбаре или футере вывести миниатюры

    Ответить
  3. Тимур:

    Спасибо. То, что нужно, чтобы без лишних заморочек и маневров в теме вывести последние записи из определенных категорий.

    Ответить
  4. александр:

    Подскажите, а как вывести миниатюры в виджете без плагинов, т.е. покопаться в коде?

    Ответить
  5. александр:

    Все, разобрался без плагина. Нужно в файле вордпресса default-widgets.php добавить вывод превьюшек get_the_post_thumbnail

    Ответить
  6. Виктор:

    Привет всем!!! Подскажите пожалуйста как сделать вывод в горизонтальном виде????

    Ответить
Ваш комментарий: