サポート » 使い方全般 » トップページにサムネイルを表示したい

  • 解決済 yks.yks

    (@yksyks-1)


    質問させてください。
    WP初心者の為、不足情報などございましたら申し訳ありません。

    ■要望
    トップページ(カスタマイズ中)にサムネイルと日時をひとセットで6件表示したい。
    ・件数、画像の大きさは任意で変更できるのが望ましい。
    ・記事は最新情報から件数表示が望ましい。
    ・アイキャッチを使わずに表示したい。
    ・メール投稿を考えているため、メール投稿の場合も同様に表示したい。

    上記を実現したいと思っておりますが、色々調べたのですがそれぞれ何かしら条件があわず思うように表示できず悩んでおります。

    プラグインを利用したりもしましたが、どうしても投稿の文章が非表示にできなかったり、サムネイルが表示されなかったりです。

    お力をおかりできませんでしょうか。
    どうぞよろしくお願いいたします。

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • #未検証

    ・記事は最新情報から件数表示が望ましい。

    がちょっとわからないですけど、記事本文内の画像をサムネイルにするなら:

    query_posts( array(
      'posts_per_page' => 6,  //表示件数を指定します
    ) );
    echo '<ul>';
    while ( have_posts() ) : the_post();
      $images = get_children( array(
        'post_type' => 'attachment',
        'post_mime_type' => 'image',
        'post_parent' => get_the_ID(),
      ) );
    
      echo '<li>';
      the_time();
      if ( ! empty( $images ) ) {
        $id = array_shift( array_keys( $images ) );
        echo wp_get_attachment_image( $id, array( 32, 32 ) ); //32:表示サイズ[px]を指定します
      } else {
        //画像が無い場合の処理はココに書きます
      }
      echo '</li>';
    
    endwhile;
    echo '</ul>';
    wp_reset_query();

    マークアップはお好みで◎

    kz 様

    ご回答ありがとうございます。

    > ・記事は最新情報から件数表示が望ましい。

    上記についてですが、「表示件数を指定します」こちらの部分でおそらく対応していただけてるのかと思います。

    まだ導入できておりませんが、作業を行い次第またご報告させていただきます。
    何かあればまたお力をお借りできると幸いです。

    どうぞよろしくお願いいたします。

    先日はご回答ありがとうございました。
    アドバイスのおかげで目的を果たすことができました。
    もしよろしければ、もう1点追加でアドバイスをいただけませんでしょうか。

    表示したサムネイル画像にその該当する記事へのリンクを貼りたいと思っております。
    下記の場合、どこにどのように追加すべきなのでしょうか。
    URLを取得して表示する処理が必要になるかとは思いますが調べてみて理解できず、再度のご質問とさせていただきました。

    その他下の記述で指摘等ございましたら教えていただけると幸いです。
    申し訳ございませんが、ご指導よろしくお願いいたします。

    <?php
    	query_posts( array(
    		'posts_per_page' => 6,  //表示件数を指定します
    	) );
    	echo '<ul>';
    	while ( have_posts() ) : the_post();
    		$images = get_children( array(
    			'post_type' => 'attachment',
    			'post_mime_type' => 'image',
    			'post_parent' => get_the_ID(),
    		) );
    
    		echo '<li>';
    		if ( ! empty( $images ) ) {
    			$id = array_shift( array_keys( $images ) );
    			echo '<a href="">' . wp_get_attachment_image( $id, array( 150, 150 ) ) . '</a><br />'; //150:表示サイズ[px]を指定します
    		} else {
    			echo '<img src="'. get_bloginfo('template_url') .'/images/no_img.png" width="150" height="150" /><br />';
    		}
    		the_time('Y年m月d日');
    		echo '</li>';
    
    	endwhile;
    	echo '</ul>';
    	wp_reset_query();
    ?>

    どうぞよろしくお願いいたします。

    yks.yksさん
    こんにちは。

    画像をクリックしたら
    その画像の個別ページに飛ぶということでよろしかったでしょうか。

    echo '<a href="">' . wp_get_attachment_image( $id, array( 150, 150 ) ) . '</a><br />';

    echo '<a href="' . the_permalink() . '">' . wp_get_attachment_image( $id, array( 150, 150 ) ) . '</a><br />';
    に変更してみてどうなりますでしょうか。

    eiowq87mv23k 様

    ご回答ありがとうございました。
    アドバイスを頂きそのままではできなかったのですが、

    the_permalink() → get_permalink()

    上記で対応することができました。

    ありがとうございました。
    大変助かりました。

    kz様、eiowq87mv23k様
    本当にありがとうございました。

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • トピック「トップページにサムネイルを表示したい」には新たに返信することはできません。