アーカイブリストに彩りを 〜 Thumbnail for Excerpts 導入

最近紹介されたお客さんのHP制作で、製品一覧をスマートに表示したアーカイブページのために「Thumbnail For Excerpts」という WordPreeプラグインを使いました。記事内の最初の画像を任意の大きさでサムネイル表示して抜粋記事を自動添付してくれるものですが、扱いが超簡単!なので紹介かたがた不人気な自分のブログのアーカイブリストを改造してみました。

  1.  Thumbnail For Excerpts をダウンロードしてpluginsへアップロード/インストール/有効化。
  2. 管理ページメニュー:設定にThumbsExcerpts が追加されるので、設定画面を開きます。
  3.  

    サムネイル画像サイズの設定
    Width: / Height:
    サムネイル画像位置の設定
    Align:
    記事に画像が無い場合に表示する画像の設定
    Default Image:

    その他オプション設定

  4.  アーカイブ/カテゴリーページで抜粋表示の設定がされていれば、そのままサムネイル画像が追加表示されるようになります。

ウチのブログの場合を例に書くと、もともとカテゴリーページはタイトルだけ表示させようと思っていたので、テンプレート表記では
      <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>


現在はこんな感じです。

面倒な手間無しにサムネイル画像が導入できて、超便利です!

アーカイブリストに彩りを 〜 Thumbnail for Excerpts 導入” に対して1件のコメントがあります。

  1. asazuki より:

    大変参考になりました。ありがとうございました。図解だとわかりやすいですね。

コメントは受け付けていません。