Поддержка Проблемы и решения Первый пост другого стиля CSS и циклы

  • Приветствую всех. Надеюсь на вашу помощь, ибо не силен в PHP. Знаю, что для решения моей проблемы надо иметь дело с циклами, но не получается их подстроить под свой код. Мне надо, чтобы первый пост имел другой стиль, оставив уже имеющие классы и создав новые для первого поста. Стили задам сам, мне просто надо отделить первый пост и остальные. Спасибо

    <article id="post-<?php the_ID(); ?>" <?php post_class( array( 'card', 'archive' ) ); ?>>
        <div class="post-head" style="background-image: url( <?php the_post_thumbnail_url(); ?> )">
        <div class="entry-meta">
            <div class="cat-links"><?php pixigo_post_categories(); ?></div>
            <div class="post-meta">
                <?php echo get_the_date('j.n'); ?>
            </div>
        </div>
        </div>
     
        <header class="entry-header">
            <?php the_title( '<h2 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h2>' ); ?>
        </header><!-- .entry-header -->
     
        <div class="excerpt">
            <?php do_excerpt(get_the_excerpt(), 20); ?>
        </div><!-- .excerpt -->
    </article><!-- #post-<?php the_ID(); ?> -->

    Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]

Просмотр 11 ответов — с 1 по 11 (всего 11)
  • Есть еще специализированный сайт по php, можете там тоже спросить.

    вы полный код приведите — в указанном коде цикла нет.

    Это код для всех постов. Надо сделать так, чтобы первый пост выводился отдельно от остальных для того, чтобы я ему задал отдельные CSS стили

    чтобы я ему задал отдельные CSS стили

    Только стили? html тот же? Тогда достаточно псевдокласса first-child
    http://htmlbook.ru/css/first-child

    <article id="post-<?php the_ID(); ?>" <?php post_class( array( 'cardd', 'archive' ) ); ?>>

    А как у этого выделить first-child? Получается все посты у меня идут с article id= номер поста, а на саму карточку новости создается стиль card, куда я вписывал стили. Не получается грамотно выделить первый пост, если это возможно. HTML тот же.

    article:first-child
    article.card:first-child
    или что-то подобное в зависимости от контекста

    это ccs селектор если что

    • Ответ изменён 10 месяцев, 1 неделя назад пользователем Юрий.

    Я делал оформление через card {}. Искал полный пусть до card. Вы помогли article.card и card работают одинаково, но после написания article.card:first-child стили просто сбрасываются

    article.card:first-child стили просто сбрасываются

    Наверно, что-то не то делаете. Угадывать даже не буду пытаться.

    Модераторы нынче странные пошли, советую очевидные и не правильные вещи. Из ситуации вышел так. В файле home.php добавил div id к циклу.

    <main id="primary" class="site-main">
     
        <?php
        if ( have_posts() ) :?>
            
            <?php wp_print_styles( array( 'pixigo-content' ) ); ?>
            
            <div id = "blog_post">
            <?php
            /* Start the Loop */
            while ( have_posts() ) :
                the_post();
     
                get_template_part( 'template-parts/content', 'archive' );
            endwhile; ?>
            </div>
     
            <?php the_posts_pagination(
                array(
                    'mid_size'  => 2,
                )
            );
     
        else :
     
            get_template_part( 'template-parts/content', 'none' );
     
        endif;
        ?>
     
        </main><!-- #primary -->

    После стили на первый пост начали откликаться с таким CSS

    #blog_post > article:first-child {
        background: aqua;
    }

    Тема закрыта

    Модераторы нынче странные пошли,

    Юзеры нынче странные пошли, используют совет и тут же говорят, что он «не правильный».

    В файле home.php добавил div id к циклу.

    А Вам же говорили: «в указанном коде цикла нет». Надо было догадаться, что у Вас там снаружи?

    И вообще, при чем тут «модератор»? Если не знаете, что входит в обязанности модератора, почитайте Википедию, что ли.

    Тема закрыта

    Согласен.

Просмотр 11 ответов — с 1 по 11 (всего 11)
  • Тема «Первый пост другого стиля CSS и циклы» закрыта для новых ответов.