Разные размеры миниатюр на главной странице?

Question

[Марат]

Популярная вещь, показ записей с разными размерами миниатюр на главной странице и в категориях. Примером может послужить: ЦП, WPMag.ru, pickupinfo.ru издание и прочие сайты.

К примеру идут первые два поста с большими размерами, после двое с мелкими (н-р 150*150) после идет один большой, а далее все повторяется. Такой формат записей приятно читать с сотового телефона, при условии что верстка адаптивная или имеется отдельный мобильный сайт.

Надеюсь, вы понимаете о чем я :)

Можете показать варианты как сделать разные размеры миниатюр?

Answer 1

[WP Panda]

<?php if ( have_posts() ) :  $n=1; while ( have_posts() ) : the_post(); 
$flag = $n%5 ;
/** если повторяете через 5 постов то делите по модулю на 5
* дальше от результата деления подставляете 
* необходимый размер миниатюры
* соответственно при $flag = 2 ||  $flag = 4 средний
* при 6 и 8 мелкий
* при 0 большой
* и на новый круг
* или 
*if( $flag >0 && $flag < 5 ) {
* } elseif { ( $flag > 5 ) {
*} else {
*}
*/


$n++; endwhile; else: ?>
<p><?php _e('Sorry, no posts matched your criteria.'); ?></p>
<?php endif; ?>

Answer 2

[Евгений]

Чтобы не плодить кучу копий одного и того же изображения с разными размерами, можно воспользоваться методом WP Panda, но задавать разный размер контейнера миниатюры с помощью CSS, а сами миниатюры выводить методом Fluid Image.
Да, при таком способе вывода будет лишний трафик для пользователя, но он будет измеряться килобайтами. На мой взгляд, не критично. Но, конечно же, для тотальной экономии трафика такой метод не годится.

Comments

[WP Panda]

что бы не плодить кучу картинок, и не генерировать лишних достаточно в настройках медиа выставить все по нулям, и подключить что нить стороннее для кропа, например BFI_Thumb https://github.com/bfintal/bfi_thumb

[Евгений]

WP Panda: Решение интересное, но спорное с точки зрения нагрузки на сервер. Я считаю, что выводить одну картинку и ресайзить её, используя ресурсы клиента гораздо менее затратно, чем ресайзить ту же картинку, но каждый раз используя ресурсы сервера.
Как вариант - можно оставить как есть. Все же дисковое пространство стоит дешевле процессорного времени :)

[WP Panda]

Евгений: а каждый раз не надо, решение построено на api ядра wp и кропает ровно один раз, когда первый раз генерируется страница.
И можно еще подключить svn например тот же photon из jetpack, тогда картинка будет грузится с их сервака

[Евгений]

WP Panda: согласен, CDN вместе с ресайзом картинки по запросу, пожалуй, оптимальное решение для более-менее нагруженного сайта.