サポート » 使い方全般 » thumbnail for excerptsを使用し、サムネイル画像が全部同じ画像に表示される

  • トップページに記事のサムネイル画像と記事の一部を表示させたく下記のリンクなどを参考にしながら、thumbnail for excerptsを導入してみましたが、
    サムネイル画像が全部最新記事のサムネイルになってしまいます。

    当方HTMLとCSSの知識はありますが、PHPについては全くの素人なので、
    コードの書き方に間違いがあるのか、それとも他のプラグインとバッティングしているのかの原因がつかめない為、記させて頂きました。

    記事のタイトルや文章はそれぞれ違います。サムネイルのみ同じものが表示されてしまいます。

    function.phpには、

    function new_excerpt_more($post) {
    return '<a href="'. get_permalink($post->ID) . '">' . '  ...続きを読む' . '</a>';
     }
    add_filter('excerpt_more', 'new_excerpt_more');
    ?>

    と記載しています。

    また、トップページ(index.php)は

    <ul>
    <?php $posts = get_posts('numberposts=10&cat=3,5,-1'); global $post; ?>
    <?php foreach($posts as $post): ?>
    <a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(array('class' => 'left')); ?></a>
    <span style="font-size: medium;"><b><a href="<?php the_permalink(); ?>" alt="<?php the_title(); ?>"><?php the_title(); ?></a></b></span>
    <?php the_excerpt();?>
    <br />
    
    <?php endforeach; ?>
    </ul>

    と入れています。

    ■サーバー環境
    さくらのレンタルサーバ:スタンダード

    ■OS
    WindowsXP

    ■使用しているプラグイン
    Akismet バージョン 2.5.7
    Better Delete Revision バージョン 1.2
    カテゴリーアイコン バージョン 2.2.3
    Contact Form 7 バージョン 3.4.1
    Content Slide Plugin バージョン 1.4.2
    Disable WordPress Updatesバージョン 1.2
    Exec-PHP バージョン 4.9
    Facebook, Twitter & Google+ Social Widgets バージョン 1.3.7
    Google Analytics for WordPress バージョン 4.3.3
    Google XML Sitemaps バージョン 3.2.9
    jQuery Colorbox バージョン 4.6
    MapPress Easy Google Maps バージョン 2.40.3
    Open Graph Pro バージョン 1.0
    PS Disable Auto Formatting バージョン 1.0.8
    Smooth Scroll Links [SSL] バージョン 1.1.0
    Thumbnail For Excerpts バージョン 2.1
    TinyMCE Advanced バージョン 3.5.8
    WordPress Importer バージョン 0.6.1
    WP Multibyte Patch バージョン 1.6.4

    ■参考にしたサイト:http://www.stp-works.com/blog/wordpress/145.html

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

    (@gatespace)

    日本語Codex:get_posts

    <ul>
    <?php
        global $post;
        $posts = get_posts('numberposts=10&cat=3,5,-1');
        foreach($posts as $post):
            setup_postdata( $post ); // ←これ追加
    ?>
    <li><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(array('class' => 'left')); ?></a>
    <span style="font-size: medium;"><b><a href="<?php the_permalink(); ?>" alt="<?php the_title(); ?>"><?php the_title(); ?></a></b></span>
    <?php the_excerpt();?></li>
    <?php endforeach;
    wp_reset_postdata(); // ←これ追加 ?>
    </ul>
    トピック投稿者 mappie32

    (@mappie32)

    ご案内いただき感謝申し上げます!
    実行してみたのですが、まだ足りない情報があるのか、同じサムネイルが出てしまいます。

    トップページに表示させている項目は、2種類あり、
    1)最新情報記事(投稿記事の文字のみ情報で、どのカテゴリーも表示)
    2)画像サムネイル+記事参照型(カテゴリーを抜粋して表示)

    なのですが、カテゴリーをしっかりと絞ったほうが良いのでしょうか。

    <!-- 最新情報エリア -->
    <a name="new" id="new"></a><img src="http://www.alohawave.jp/carnival/wp-content/uploads/2013/06/title_info.jpg">
    			  <div id="mainlist" align="left">   <ul>
    <?php query_posts('showposts=5'); ?>
    <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
    <span><font color="#CC0033"><?php the_date(); ?></font></span> <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
    <br>
    <?php endwhile; endif; ?>
        </ul></div>
    
    <!-- / 最新情報エリア -->
    <br>
    <br>
    
    <!--  出店ブース紹介エリア -->
    <img src="http://www.alohawave.jp/carnival/wp-content/uploads/2013/08/title_shop.jpg" alt="出店ブース紹介">
    <ul>
    <?php
        global $post;
        $posts = get_posts('numberposts=10&cat=3,5,-1');
        foreach($posts as $post):
            setup_postdata( $post ); // ←これ追加
    ?>
    <li><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(array('class' => 'left')); ?></a>
    <span style="font-size: medium;"><b><a href="<?php the_permalink(); ?>" alt="<?php the_title(); ?>"><?php the_title(); ?></a></b></span>
    <?php the_excerpt();?></li>
    <?php endforeach;
    wp_reset_postdata(); // ←これ追加 ?>
    </ul>
    </div>
    
    <!-- / 出店ブース紹介エリア -->
    モデレーター Takuro Hishikawa

    (@hissy)

    the_post_thumbnail の第1引数はサムネイルのサイズ、第2引数が属性です。

    the_post_thumbnail( 'post-thumbnail', array('class' => 'left'));

    トピック投稿者 mappie32

    (@mappie32)

    アドバイスを頂きありがとうございました!

    しかし、どうやっても同じサムネイルが上がってしまい、色々な原因を探ってたりWEBで検索をしたりしてみましたが、解決が出来ませんでしたので、今回は、手動でHTMLを打って表示させることに致しました…。

    モデレーター gatespace

    (@gatespace)

    query_posts もテンプレートファイル内に書いたらリセットしないと。

    基本的な書き方

    <?php
    
    // クエリ
    query_posts( $args );
    
    // ループ
    if ( have_posts() ) :
      while ( have_posts() ) : the_post();
          echo '<li>';
    	  the_title();
    	  echo '</li>';
      endwhile;
    else:
    endif;
    
    // クエリをリセット
    wp_reset_query();
    ?>

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • トピック「thumbnail for excerptsを使用し、サムネイル画像が全部同じ画像に表示される」には新たに返信することはできません。