Styling Wordpress frontpage-появление конкретных сообщений

Question

Я помогаю другу с портфолио в Wordpress, с конкретной идеей, как должна выглядеть передняя страница. Это quick sketch его логотипа, а миниатюры сообщений должны следовать этим размерам. Сообщения на главной странице - это только миниатюры, текст или что-то еще. Как я вижу, это означало бы, что миниатюра для 2-го и 3-го сообщений на странице имеет определенный стиль, в то время как сообщения 1, 4, 5 и 6 имеют другой.

К сожалению, я не являюсь вдохновителем PHP, поэтому мне удалось разделить сообщения, но только с первого поста и вперед, а не со 2-го по 3-й пост по мере необходимости.

Как это можно сделать, если это возможно?

Answer 1

В вашем цикле WordPress вы можете добавить классы для ваших сообщений, например

<?php 
    $i = 1; 
if (have_posts()) { 
    while (have_posts()) { 
     the_post(); ?> 
        <div class="post<?php echo $i;?>"> 
        <?php the_post_thumbnail(); 
        $i++; 
    } 
} 
?> 

и стиль их как

.post1 .wp-post-image, .post4 .wp-post-image, .post5 .wp-post-image, .post6 .wp-post-image { 
    width: 100px; 
    height: 100px; 
} 

.post2 .wp-post-image, .post3 .wp-post-image { 
    width: 200px; 
    height: 200px; 
} 

Не проверить это, но он должен работать.

Answer 2

Создание ребенка Specific CSS

п-го из-типа (2n + 1) {ваш CSS Доде};

nth-of-type (2n + 2) {ваш css dode};

nth-of-type (2n + 3) {your css dode};