サポート » 使い方全般 » カスタム投稿の記事一覧 サムネイルを横並びにするには

  • 解決済 eel227

    (@eel227)


    特定のカテゴリーのカスタム投稿一覧を、固定ページに表示しようとしています。イメージは商品ページのようなものです。
    □ □ □ □
    ↑のような形で、サムネイル、記事タイトル、記事抜粋が表示されたボックスを横並びにしたいのですが、CSSでwidthとfloatを指定しても縦並びになってしまいます。
    以下がphpファイルの内容です。

    <?php
    /*
    Template Name: 商品ページの新規テンプレート1
    */
    ?>
    
    <?php get_header(); ?>
    
    	<div id="primary" class="site-content">
    		<div id="content" role="main">
    
    <?php global $post;
    $args = array(
        'post_type' => 'books',
        'numberposts' => 10
    );
    
    $posts = get_posts(array(
      'category' => 25        // カテゴリID = 25 の記事のみを取り出す
    ));
    
    $myposts = get_posts( $args );
    foreach( $myposts as $post ) :  setup_postdata($post);?>
    
    <div id='bookcontent'>
    <a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(); ?><br>
    <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a><br>
    <?php the_excerpt(); ?>
    </div>
    <?php endforeach; ?>
    
    		</div><!-- #content -->
    	</div><!-- #primary -->
    
    <?php get_sidebar(); ?>
    <?php get_footer(); ?>

    php、CSS共に初心者に毛が生えた程度でして、他に様々な方法を検索してみましたが解決できず・・
    もし他にサムネイル一覧のような形で表示できる方法がありましたら教えてください。
    どうぞよろしくお願いします。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • css はどのよな記述をされているのか教えて下さい。

    すみません、最初からやり直したらちゃんと横並びになりました。
    CSSの何かが間違っていたようです・・。ありがとうございました。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「カスタム投稿の記事一覧 サムネイルを横並びにするには」には新たに返信することはできません。