Intereting Posts
Изменение метаданных направления порядка сортировки Как оптимизировать пользовательскую страницу типа сообщений с 25 000 сообщений? Остановить изменение размера изображения в конкретном случае – возможно ли это? Страница / блог WordPress включена в статический веб-сайт Экспорт таблицы WordPress в CSV со страницы Помощь с коротким кодом в admin-ajax get_option возвращает нежелательный пустой экземпляр виджета Gravity Forms Post Fields: Возможно ли иметь несколько ответов на визуализатор формы в той же почте? Проблемы с владением папкой WordPress Как сохранить массив данных на странице параметров, установив api? Как вы навсегда удаляете правила перезаписи по умолчанию из таблицы wp_options? Создайте нового пользователя из phpMyAdmin Как использовать класс wpdb для отправки формы в панели управления администратора? Создать пустую страницу администратора из плагина Многопользовательская проводка Последние статьи на всех сайтах, связанных с многосайтом

Последние 5 сообщений (пользовательский тип сообщения), каждый пост по-разному CSS

При создании нашего портфолио я хотел бы сделать динамический заголовок с последними 5/6 цветными изображениями в строке. Все эти сообщения выходят из настраиваемого типа сообщений «apps».

<div id="header"> <div class="latest_post"> <img src="featured image" class="class-name" /></div> <div class="second_post"> <img src="featured image" class="class-name" /> </div> <div class="third_post"> <img src="featured image" class="class-name" /> </div> <div class="fourth_post"> <img src="featured image" class="class-name" /> </div> <div class="fifth_post"> <img src="featured image" class="class-name" /> </div> </div> 

Как мне создать что-то подобное?

Заранее спасибо.

Solutions Collecting From Web of "Последние 5 сообщений (пользовательский тип сообщения), каждый пост по-разному CSS"

Сначала настройте WP_Query для получения последних 5 сообщений из ваших пользовательских типов сообщений. Вам также необходимо обновить «счетчик» для каждого сообщения в цикле. Затем просто эхо счетчик в классе для div.

 <?php //Query posts $query = new WP_Query(array( 'post_type' => 'apps', 'posts_per_page' => 5 )); //Reset counter $count = 0; ?> <?php if ($query->have_posts()) : ?> <div id="header"> <?php while ($query->have_posts()) : $query->the_post(); ?> <?php $count++; //update count ?> <div class="post_<?php echo $count; //prints the class as "post_XX" ?>"> <?php if( has_post_thumbnail() ) { the_post_thumbnail(); } ?> </div> <?php endwhile; ?> </div> <?php endif; ?> <?php wp_reset_query(); ?> 

Это должно вернуть результаты в виде

 <div class="post_1"><img src=".." /></div> <div class="post_2"><img src=".." /></div> <div class="post_3"><img src=".." /></div> <div class="post_4"><img src=".." /></div> <div class="post_5"><img src=".." /></div> 

один вторичный цикл с WP_Query() ; используйте счетчик циклов $query->current_post для вывода этих пяти классов css из массива;

пример (на основе кода jzatt):

 <?php $query = new WP_Query(array( 'post_type' => 'apps', 'posts_per_page' => 5, 'meta_key' => '_thumbnail_id' )); $css_classes = array( 'latest', 'second', 'third', 'fourth', 'fifth' ); ?> <?php if ($query->have_posts()) : ?> <div id="header"> <?php while ($query->have_posts()) : $query->the_post(); ?> <div class="<?php echo $css_classes[$query->current_post%5]; ?>_post"> <?php the_post_thumbnail('thumbnail',array('class' => 'class-name' )); ?> </div> <?php endwhile; ?> </div> <?php endif; wp_reset_postdata(); ?> 

отрегулируйте 'thumbnail' на ваш размер изображения; для 6 сообщений, измените на posts_per_page' => 6, добавьте еще один 'sixth' элемент в массив классов css и измените $query->current_post%5 на $query->current_post%6