HP素材のおすそわけ。blog > 【wordpressメモ】トップページの記事を要約+アイキャッチに変更。

【wordpressメモ】トップページの記事を要約+アイキャッチに変更。

2012年4月28日(土)12:41 AM

ブログランキング・にほんブログ村へ 【wordpressメモ】トップページの記事を要約+アイキャッチに変更。をはてなブックマークに追加

wordpressメモ。
wordpressメモ。

wordpressのトップページに「要約」と「サムネイル(アイキャッチ画像)だけを表示

今回、wordpressのトップページに「要約」と「サムネイル(アイキャッチ画像)だけを表示されるようにしてみました。

変更前

↑ 以前だと記事が上のキャプチャのように表示されていたのですが、

変更後

↑ このように変更しました。スッキリ。

この表記になるようにするために、【wp-content/themes/テーマ名/】にある【index.php】を一部書き換えました。index.phpから

<?php the_content(‘Read more ≫’); ?>

もしくは

<?php the_content(‘Read the rest of this entry »’); ?>

と言った表記を探し、その部分を

<?php
// アイキャッチ画像取得 開始
$thumb = get_the_post_thumbnail($post->ID,’thumbnail’);
$pattern= "/(?<=src=[‘|\"])[^’|\"]*?(?=[‘|\"])/i";
preg_match($pattern, $thumb, $thePath);
$theSrc = $thePath[0];
// アイキャッチ画像取得 終了
?>

<a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><img src="<?php echo $theSrc; ?>" class="alignleft post_thumbnail wp-post-image" style="margin-right:10px;border:1px solid #000;" width="120" height="120" alt="<?php the_title(); ?>の続きを読む" title="<?php the_title(); ?>の続きを読む" /></a>
<?php the_excerpt(); ?>
<br clear="all" />
<a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>の続きを読む">&gt;&gt;<?php the_title(); ?>の続きを読む</a>

に書き換えました。それで、良い感じに『要約+アイキャッチ』のトップページが出来上がりました。この作業は、WordPressな日々さんのトップページに要約だけを表示の記事を参考にしました。

この記事をTwitterやSNSなどのソーシャルメディアで共有して下さい。

コメントはお気軽によろしくお願い申し上げます。

この記事へのリンクタグ

<a href="http://kanari.info/b/573">【wordpressメモ】トップページの記事を要約+アイキャッチに変更。 HP素材のおすそわけ。blog</a>

Trackback URL


素材

外部リンク

▲TOPへ