《2023.11改訂版》ホームページにwordpressの投稿を表示する方法

<?php require('./blog/wp-blog-header.php'); ?>

      <div class="row">
        <?php
        $posts = get_posts('numberposts=3&category=3');
        global $post;
        ?>
        <?php
        if($posts): foreach($posts as $post): setup_postdata($post); ?>

        <div class="col-md">

          <div class="blogbox">

            <div class="blogbox-in">
              <div class="cate">
                <?php the_category(); ?>
              </div>
            
                <div class="zoomIn">
                  <a href="<?php the_permalink();?>">
                  <span class="mask">
                    <div class="img img-fluid">
                      <?php the_post_thumbnail( 'full', array( 'class' => 'thumb')); ?>
                    </div>
                  </span>
                </a>
                </div>
             


            </div>
            <a href="<?php the_permalink();?>">
            <div class="date">
              <?php the_time('Y.m.d'); ?>
            </div>
            <div class="title">
              <?php the_title(); ?>
            </div>
            </a>

          </div>

        </div>
        <?php endforeach; endif;
          ?>

      </div>

.thumb{
  width: 100%;
  height: 250px;
  object-fit: cover;
}

/*　画像の拡大　*/

.zoomIn img {
  transform: scale(1);
  transition: .3s ease-in-out;
  /*移り変わる速さを変更したい場合はこの数値を変更*/
}

.zoomIn a:hover img {
  /*hoverした時の変化*/
  transform: scale(1.2);
  /*拡大の値を変更したい場合はこの数値を変更*/
}

/*　画像のマスク　*/

.mask {
  display: block;
  line-height: 0;
  /*行の高さを0にする*/
  overflow: hidden;
  /*拡大してはみ出る要素を隠す*/
}

AddType application/x-httpd-php .php .html