アーカイブリストに彩りを 〜 Thumbnail for Excerpts 導入
最近紹介されたお客さんのHP制作で、製品一覧をスマートに表示したアーカイブページのために「Thumbnail For Excerpts」という WordPreeプラグインを使いました。記事内の最初の画像を任意の大きさでサムネイル表示して抜粋記事を自動添付してくれるものですが、扱いが超簡単!なので紹介かたがた不人気な自分のブログのアーカイブリストを改造してみました。
- Thumbnail For Excerpts をダウンロードしてpluginsへアップロード/インストール/有効化。
- 管理ページメニュー:設定にThumbsExcerpts が追加されるので、設定画面を開きます。
- アーカイブ/カテゴリーページで抜粋表示の設定がされていれば、そのままサムネイル画像が追加表示されるようになります。
サムネイル画像サイズの設定 その他オプション設定 |
ウチのブログの場合を例に書くと、もともとカテゴリーページはタイトルだけ表示させようと思っていたので、テンプレート表記では
<div class="content">
<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h2>
</div>
カテゴリーページは、従来こんな感じでタイトル一覧表示でした。
Thumbnail For Excerpts をインストールして、抜粋表示部分を追加して
<div class="content">
<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h2>
<?php the_excerpt(); ?>
</div>
現在はこんな感じです。
面倒な手間無しにサムネイル画像が導入できて、超便利です!
大変参考になりました。ありがとうございました。図解だとわかりやすいですね。