サポート » 使い方全般 » カテゴリー名とサムネールを一覧表示したものを横並びにしたい

  • lau87

    (@lau87)


    こんにちわ。
    特定の投稿記事を一覧表示させたページを作っており、
    一つの記事につき、サムネール画像1点とその下に記事のタイトルと投稿日時を記載したものが
    横並びで増えていくようにさせたいのですが
    (横に4点以上並ぶと自動的に改行されて下にまた4列ずつ並べられていくイメージです)
    どうしても縦並びになってしまいます。
    floatをdiv class=”category”に入れてもレイアウトが崩れるだけで縦並びのままになります。

    【現状PHP】
    <div class=”othercategory”>
    <div class=”category”>
    <?php
    $myposts = get_posts(‘numberposts=0&category=4’);
    foreach($myposts as $post) : ?>
    “><?php echo get_the_post_thumbnail($post->ID, ‘thumbnail’); ?>

    • <h3><?php the_title(); ?></h3><?php echo get_the_date(); ?> <?php the_time(); ?>
    • <?php endforeach; ?>

      </div>
      </div>

      【現状CSS】
      div.othercategory {
      width: 728px;
      }
      div.category {
      width: 176px:
      float: left
      }

      御手数ですが改善方法のご教授をどうぞよろしくお願いいたします。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • モデレーター jim912

    (@jim912)

    lau87さん、こんにちは。

    コードを投稿するときは、codeを使いましょうね。
    で、横並びに表示する方法ですが、ループさせている部分が違います。もう少し、出力されているhtmlのソースも見た方がいいですよ。
    categoryのdivを横並びにしたいのであれば、それを囲む形でforeachのループを行う必要があります。また、4つ毎に改行するのであれば、4つ毎にothercategoryのdivで括る必要があります。

    以前の回答で、参考になりそうなものを挙げておきますので見てみて下さい。

    記事を決められた数毎にタグ(div等)で囲みたい

    トピック投稿者 lau87

    (@lau87)

    ありがとうございます。
    おかげさまで解決いたしました。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「カテゴリー名とサムネールを一覧表示したものを横並びにしたい」には新たに返信することはできません。