toohappy
@toohappy
Люблю свекольник.

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

Приветствую коллеги. Есть вопрос нескромный. И довольно сложный.
Вот карточки с девушками. Выводится они должны в списке по следующим правилам:
0. Использоваться будет cms wordpress. Каждая девушка это отдельная запись.
1. Чем больше человек оплатил на сайт денег, тем выше он находится в списке.
2. Человек, оплативший за себя на сайте, всегда должен находится справа в списке и его карточка приобретает галерею с фотографиями.
3. На разрешениях 1920 - 991 должно быть 4 колонки в ряду.
4. На разрешениях 991 - 576 должно быть 3 колонки в ряду.
5. На разрешениях 576 - 320 должно быть 2 колонки в ряду.
В общем все. Такое я думаю возможно сделать, но опыта не хватает. Наверное нужно использовать какую то библиотеку сортировку типа isotope.js, но не могу понять до конца что еще нужно. Буду искрене благодарен за ваши идеи, решения и коментарии. Спасибо.
5d2c908195c3d882514887.png
5d2c90897a9cd703610483.png
5d2c9095ae187030217210.png
  • Вопрос задан
  • 62 просмотра
Решения вопроса 1
verkhoturov
@verkhoturov
HTML-Верстальщик / Frontend Developer
Вопросы 3-5 это полностью по верстке, вот пример:
https://codepen.io/verkhoturov/pen/NZZvwM

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

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

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

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
28 мар. 2024, в 21:25
2000 руб./за проект
28 мар. 2024, в 21:17
5000 руб./за проект
28 мар. 2024, в 20:46
150000 руб./за проект