scss WordPress - 主页博客

Posted 2021-05-18

<div class="row alt-slice pb-xl latest-news latest-post">
    <div class="col-md-12 pb-xl">
        <h2>Latest News</h2>

        <?php query_posts('showposts=3&cat=7'); ?>
        <?php
 if ( have_posts() ) :
                  while ( have_posts() ) :
                      the_post();
        ?>
        <div class="col-md-4 news">
            <div class="latest-new-img">
                    <a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
                        <?php echo get_the_post_thumbnail(); ?>
                    </a>
                </div>
                <h3>
                    <a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
                        <?php the_title(); ?>
                    </a>
                </h3>
                <?php if ( !is_search() ) get_template_part( 'entry', 'meta' ); ?></strong></p>
                <?php the_excerpt(__('(more…)')); ?>
        </div>
        <?php
 endwhile;
              endif;
        ?>

        <div class="clearfix"></div>

        <a href="/blog/" class="btn btn-default center-block mt-xl">Visit Blog</a>

    </div>
</div>

    .latest-post {

        .latest-new-img {
            height: 250px;
            overflow: hidden;
        }

        img {
            height: auto;
            width: 100%;
        }

        h3 {
            text-transform: uppercase;
            color: $secondary-2 !important;
            font-size: 1em;
            font-weight: 600;

            a {
                color: $secondary-2 !important;
            }
        }
    }