Как выводить разную структуру постов в одном цикле wordpress?
Добрый, подскажите как реализовать вывод постов с разными калссами и разной структурой в одном цикле, не понимаю как это сделать. Например:
<!-- начало цикла, основная обертка -->
<div class="module__blog__row row">
<!-- первый вид поста -->
<div class="col__50 module__blog__item__content">
<img src='' />
<div class="module__blog__item module__blog__item_absolute">
<span class="module__blog__date"> дата </span>
<a class="module__blog__link" href=""> линк </a>
<a class="module__blog__more" href=""> линк </a>
</div>
</div>
<!-- обертка для других 2ух видов постов -->
<div class="col__50">
<div class="row">
<!-- второй вид поста -->
<div class="col__50">
<img class="module__blog__img" />
</div>
<!-- третий вид поста -->
<div class="col__50">
<div class="module__blog__item module__blog__item_padding">
<span class="module__blog__date"> дата </span>
<a class="module__blog__link" href=""> линк </a>
<a class="module__blog__more" href=""> линк </a>
</div>
</div>
</div>
<!-- четвертый вид поста -->
<div class="module__blog__twitter">
<p> какойто текст </p>
<a href=""> линк </a>
</div>
</div>
</div>
<!-- конец цикла, пвотор -->
Накидал простой пример разметки, если можно пример как это сделать.
обертка
<div class='wrapper'>
первый пост
<div class='post-view-1'>
<div class='post'></div>
</div>
обертка для других постов
<div class='post-view-wrapper'>
второй пост
<div class='post-view-2'>
<div class='post-2'></div>
</div>
третий пост
<div class='post-view-3'>
<div class='post-3'></div>
</div>
четвертый пост из определенной категории, если это возможно реализовать
<div class='post-view-4'>
<div class='post-4'></div>
</div>
</div>
</div>
повтор цикла
У вас есть логическая проблема здесь. Вывод будет зависеть от числа (наличия) постов разных видов. Для примера - два случая:
Вид 1 - 10шт, Вид 2 - 1шт, Вид 3 -20шт
Вид 2 - 0шт, Вид 2 - 50шт, Вид 3 - 1 шт
В случае 1 - у вас будет пустая вторая колонка начиная со второй строки и пустая первая - с 11 строки. Во втором - первая вообще пустая, вторая полная, третья - один пост.
Смотреться будет... Странно. Но, если вы все-таки хотите именно это - то вам надо сделать примерно так:
Выборка всех видов постов и размещение данных в массивы $postsA, $postsB, $postsC и т.д.
Цикл по макс. кол-ву:
for ( $i = 0; $i < max( count( $postsA ), count( $postsB ), count( $postsC ) ); $i ++ ) {
if ( !empty( $postsA[ $i ] ) ) {
//Тут вывод данных поста типа "а"
} else {
//Тут вывод заглушки, елси посты данного вида кончились
}
if ( !empty( $postsB[ $i ] ) ) {
//Тут вывод данных поста типа "а"
} else {
//Тут вывод заглушки, елси посты данного вида кончились
}
if ( !empty( $postsC[ $i ] ) ) {
//Тут вывод данных поста типа "а"
} else {
//Тут вывод заглушки, елси посты данного вида кончились
}
}
-
07:09
-
17:51
-
08:01
-
07:36
-
07:00
-
21:22
-
20:00
-
20:14
-
07:41
- Почему SERVER_ADDR имеет не тот IP 46860 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30321 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 22983 visits
- Как через css изменить цвет png изображения? 10195 visits
- Blob video url download 9810 visits
- Php curl запрос через прокси с авторизацией 9070 visits
- Работа с captcha vk api 7989 visits
© "hostciti.net" 19.5.2024 | 16:32