• wp_insert_postを使ってユーザーに記事を投稿してもらうフォームを作りました。
    その際に画像を必ず添付してもらい、記事一覧ではその画像を表示させたいと思っています。

    //numberposts = 記事数
    //category =カテゴリ
    $posts = get_posts(‘numberposts=20&category=0’);
    global $post;

    if($posts)
    {
      foreach($posts as $post)
      {
        setup_postdata($post);
        echo ‘<img src=”http://modeloop.net/my-upload/files/image/&#8217; . $post->ID . ‘.jpg”>’;
      }
    }
    色々なサイト様からコピーさせてもらったりでなんとか画像を表示することができました。
    ただこの記述だと画像が敷き詰めて表示され、さらにずっと横一列に表示されてしまいます。
    できれば画像同士の感覚を少しあけて横に3枚並んだら改行して
    下に表示されるようにしたいのですがどのようにしたら良いでしょうか。
    初心者のため詳しくわかりません・・・
    こういったコードを此処に加えれば良いなどあったらお願いいたします。

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • モデレーター けい (Kei Nomura)

    (@mypacecreator)

    画像のmarginをCSSで調整しましょう!
    さらに、画像が3枚+余白を含めたくらいのwidth指定をしたdivで、上記コードを囲ってあげればいいかと。

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • トピック「投稿された画像を間隔をあけて表示させる」には新たに返信することはできません。