wordpressアーカイブについて

Question

###前提・実現したいこと
初心者です。
よくある不動産屋のホームページにあるような新着物件の一覧のようなアーカイブを作りたい。

###発生している問題・エラーメッセージ

画像のフレームのようにアーカイブ表示し、横にスクロールしていきたいのですが、色々調べてみても縦のスクロールの場合しか見当たりませんでした。
そこで、コードの記述場所とソースが知りたいです。
現状のarchiveファイルのソースは以下。

<?php get_header(); ?>

  <section id="contents">
      <header class="page-header">
          <?php the_category_image(); ?>
          
      <h1 class="page-title">

<?php if (is_author()) : echo esc_html(get_the_author_meta('display_name', get_query_var('author'))); else : single_cat_title(); endif; ?>

          </h1>
    </header>
    <div class="posts">

<?php if (have_posts()) : while (have_posts()) : the_post(); get_template_part('content-archive'); endwhile; if (function_exists('page_navi')) : page_navi('elm_class=page-nav&edge_type=span'); endif; endif; ?>

      </div>

<?php get_template_part('back_to_top'); ?>

  </section><!-- #contents end -->

<?php get_sidebar(); ?> <?php get_footer(); ?>

どなた様かご回答お願い致します。

Comments

[kei344]

質問文のコードはそれぞれコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。