ホーム»Web Tips»WordPress»

WordPressでサムネイルを表示する

 

WordPressでサムネイルを表示する

カテゴリ:WordPress   日付:2010年10月19日

WordPressをベースに制作しているウェブサイトで、投稿にサムネイルが表示されると見た目もかっこ良くなって良いですよね。ここでは投稿の一番最初に掲載されている画像のサムネイルを表示する方法をご紹介します。

◆ソースを追加

サムネイルを表示させたいページの上部に下記を追加します。例えば、index.phpやサイドバーに表示させたい場合は、sidebar.phpなど。

/* thumbnail */
function attachment_ancherlinks($num,$size="thumbnail"){
	$args = "numberposts=".$num;
	$myposts = get_posts($args);
	for($i=0;$i<$num;$i++){
		if($i>= count($myposts) ) return;
		$attachments = get_children(array('post_parent' => $myposts[$i]->ID, 'post_type' => 'attachment', 'post_mime_type' => 'image', 'orderby' => 'menu_order'));
		$url = get_permalink($myposts[$i]->ID);//記事のパーマリンク
		$title= $myposts[$i]->post_title;//記事のタイトル
		$x = 1;
			if(count($attachments)>= 1){
			$attachment = array_shift($attachments);
			print "<li><div class=\"imgBox\"><a href=\"$url\" title=\"$title\">".wp_get_attachment_image($attachment->ID,$size)."</a></div>";//サムネイルを出力
			print "<div class=\"ttlBox\"><a href=\"$url\">$title</a></div>";//タイトルを出力
			print "</li>\n";
		}else{
			//画像が無い場合
			print "<li><a href=\"$url\" class=\"noimage\">$title</a>";//NoImage
			print "<div class=\"ttlBox\"><a href=\"$url\">$title</a></div>";//タイトルを出力
			print "</li>\n";
		}
	}
}

◆サムネイルを表示させたい場所に下記を追加

<ul>
<?php attachment_ancherlinks(9); ?>
</ul>

上記の(9)は最新の投稿から9記事分のサムネイルを表示させる、という意味になりますので、この数字を変更すれば、サムネイルの表示数を変更することができます。

こんな感じで、プラグインを使うことなく、カンタンにサムネイルを表示させることができます。

この記事のソーシャルブックマーク

この記事のトラックバック

2 Responses to “WordPressでサムネイルを表示する”

  1. […] WordPressでサムネイルを表示する | cliplop(クリップラップ) (tags: wordpress) Comments (0) « AS3とかProgressionでちょっとハマったこと | […]

  2. Johne128 より:

    You have an incredibly nice layout for your blog, i want it to utilize on my site also . eakfkfebcefb

この記事にコメントを残す