n-wp.ru — блог о WordPress

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

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

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

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

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

5 комментариев

  • Так же для примера можно и tiaurus.info привести :)

    Выводить посты с миниатюрами, размеры которых выбираются из списка размеров в случайном порядке можно примерно так:
    1. Задается несколько вариантов миниатюр. Для простоты пусть это будет стандартный набор: thumbnail, medium, large, full.
    2. Там, где должна быть миниатюра, вставляется код, выбирающий случайным образом размер миниатюры:

    Но похоже, если вы приводите в пример http://www.lookatme.ru/, то скорее всего имеете ввиду Masonri.

    P.S. На tiaurus.info используется другой метод.

  • Круто! Искал этой инфы, а тут вот лежит)) Спасибо за код! А не подскажите, как вывести на главной или вообще в цикле вид примера: Первый пост одного размера, второй чуть меньше и все остальное третьего размера?

    • Делаются два цикла вывода. В первом цикле выводятся посты, ограничиваясь первыми двумя, и используется миниатюра большего размера. Во втором цикле выводятся посты, начиная с третьего, и используются миниатюры меньшего размера.

  • Большое спасибо! Пока еще круче сайта по wp не встречал. Оч удобно, все адекватные :)