Как лучше решить задачу с размером картинок в WordPress?

Question

[sergey1989]

Доброго времени суток. Встала задача вывести записи блога WordPress с превью картинками. Но засада в том, что последние 5 записей, должны иметь разный размер превью картинок. Есть идея сделать вывод картинок в самом большом размере (последняя запись), а далее через js назначить классы остальным 5 блокам и уже через css уменьшить размер до нужных параметров. Для большей наглядности прикладываю скрин. Проект верстается на Bootstrap, верстка адаптивная.

Есть ли другие подходы решения такой задачи?

Answer 1

[Максим Мартиросов]

<?php $loop = 0; ?>
<?php if(have_posts()) : while(have_posts()) : the_post();?>
<?php $loop++; ?>
<?php if( $loop == 1) {
//Do action for large image
} elseif( $loop == 2 ) {
//Do action for big image
} elseif( $loop > 2 && $loop <= 5 ){
//Do action for middle image
} elseif( $loop > 5 ) {
//Do action for small image
}?>
<?php endwhile; endif;?>

Это самый простой способ реализации по вашему примеру

Answer 2

[Mixa]

Дак а в чем собственно проблема? Насчитал 4 разных типа картинок.

add_image_size

Comments

[sergey1989]

но все идет в одном цикле.

[sergey1989]

большего размера это новые записи

[Mixa]

sergey1989: вам там ниже уже посдказали. добавьте счетчик в цикл и в зависимости от номера записи вызывайте разные размеры. все просто.

[Sergey750il]

А как использовать такое решение с постраничной навигаций? на главной нужен не стандартный размер первых 2х превью, а на остальных страницах все стандартно.

[Mixa]

Sergey750il: Ну смотря в чем вы делаете. В вордпрессе например по умолчанию есть разные размеры картинок и можно поставить проверки с помощью тега is_home.

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

[Sergey750il]

Mixa: Делаю на ВП. Еще проблема в том что на первой странице должно выводится 8 записей на остальных 12.

[Mixa]

Sergey750il: вот все что вам нужно:
wp-kama.ru/function/is_front_page
wp-kama.ru/function/is_home
wp-kama.ru/function/the_post_thumbnail
www.websovet.com/kak-vyvesti-raznoe-kolichestvo-za...

[Sergey750il]

Создал два цикла и условия с is_front_page, потом is_home, но все равно на остальных страницах разметка идет как на главной.

[Sergey750il]

Mixa: и разное число записей тоже не срабатывает. В общем все страницы пагинации он считает главными.

[Sergey750il]

Mixa: Создал тему Как реализовать разную разметку на страницах пагинации WordPress?