Как организовать сложный вывод в wordpress?

Question

[Евгений]

Приветствую коллеги. Есть вопрос нескромный. И довольно сложный.
Вот карточки с девушками. Выводится они должны в списке по следующим правилам:
0. Использоваться будет cms wordpress. Каждая девушка это отдельная запись.
1. Чем больше человек оплатил на сайт денег, тем выше он находится в списке.
2. Человек, оплативший за себя на сайте, всегда должен находится справа в списке и его карточка приобретает галерею с фотографиями.
3. На разрешениях 1920 - 991 должно быть 4 колонки в ряду.
4. На разрешениях 991 - 576 должно быть 3 колонки в ряду.
5. На разрешениях 576 - 320 должно быть 2 колонки в ряду.
В общем все. Такое я думаю возможно сделать, но опыта не хватает. Наверное нужно использовать какую то библиотеку сортировку типа isotope.js, но не могу понять до конца что еще нужно. Буду искрене благодарен за ваши идеи, решения и коментарии. Спасибо.

Answer 1

[Иван В]

Вопросы 3-5 это полностью по верстке, вот пример:
https://codepen.io/verkhoturov/pen/NZZvwM

Контейнер с карточками имеет "display: flex" и "flex-wrap: wrap" (тогда карточки не влезающие в строку, переносятся на следующую).

По пункту 1.
Если карточке задать определенный "order" (почитать о свойстве можно тут), то карточка займет определенную позицию в списке. (в примере я это указал).

По пункту 2.
Проще всего сделать отдельный список.
Т.е. есть вертикальный блок с карточками справа и такойже вертикальный блок с остальными карточками слева.