Thumbnail for Excerptsは個人的に好んで使用するプラグインなのですが、この機能を導入する事で、トップページやカテゴリページの記事の表示を、その記事内で使用されている最初の画像を自動的に判別し、サムネイル表示を行ないつつ記事の抜粋を行なうというプラグインです。現在の当サイトのTOPページやカテゴリページを見ていただくと分かりやすいと思います。
関連記事:賢威テンプレートでThumbnail for Excerptsを有効にする
以下、インストール方法とその使い方です。
Thumbnail for Excerptsをインストールする
- Thumbnail for Excerptsをインストール
- /wp-content/plugins/にアップロード
- プラグインを有効化する
Thumbnail for Excerptsの各種設定
Thumbnail for Excerptsはプラグインを有効にしただけではちゃんと動作しません。以下にその方法を説明していきます。
まずは、抜粋表示と画像のサムネ表示を行ないたいファイルを開いて、以下のコードを修正します。利用しているWordpressのテンプレートファイルにもよりますが、「index.php」や「categori.php」を中身を修正します。記事の中身を検索すると、
<?php the_content(); ?>
と書かれた箇所があると思います。まずはこの箇所を以下の内容に修正してください。
<?php the_excerpt(); ?>
これでとりあえずは抜粋表示の下準備は完了です。ただし、上記の状態では少しデザイン的にシンプルすぎるので、以下の用にコードに変更を加えて表示させると少しリッチな気分に浸れます。
<?php the_excerpt(); ?> <?php $values = get_post_custom_values("image_thumb"); $imgSrc = $values[0]; ?> <?php if ($imgSrc != ”) : ?> <p><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>">»<?php the_title(); ?>の続きを読む </a></p> <?php endif; ?>
wp multibyte patchプラグインを有効にする
wp multibyte patchは、日本語版 WordPress のマルチバイト文字の取り扱いに関する不具合の累積的修正と強化を行うプラグインです。抜粋表示の文字数(初期状態では110文字)を変更する際には、このプラグインも有効にしておきます。
このwp multibyte patchはWordpressに最初からインストールされているプラグインですが、有効化はされていません。色々と役に立つプラグインなので、Wordpressをインストールしたら、先ず始めに有効化しておきましょう。
少し話しがずれましたが、wp multibyte patchを有効化した後、抜粋される文字数を以下の手順で変更することができます。
/wp-multibyte-patch/フォルダの中に、wp-multibyte-patch.phpといファイルがありますので、これをメモ帳で開きます。その後、以下の箇所の数字を変更して、抜粋文字数を変更します。
'excerpt_mblength' => 110,
変更するのは、上記の「110」の数字の部分のみです。半角で入力します。誤って他の部分のコードを変更してしまわないように気をつけましょう。
Thumbnail for Excerpts側の詳細設定
管理画面の設定⇒Thumbs Excerptsと進んで詳細設定画面に入ります。
色々と設定箇所が並んでいます。以下にそれぞれの詳細を説明しますが、基本的にはこのまま何もしなくてもOKです。私は初期状態のまま利用しています。
Width
表示するサムネイル画像の横幅。サイトの全体の幅に併せて適宜変更してください。
Height
表示するサムネイル画像の縦幅。サイトの全体の幅に併せて適宜変更してください。
Align
画像を回り込ませる位置。基本的には「left」になると思います。
Default Image
記事中に画像がない場合に仮の画像を表示するか。私はいつも「no」にしています。
Default image
仮の画像のURL With。
Link
画像を記事へのリンクにするか。
Exclusion
特定のカテゴリには画像を表示させたくない場合はカテゴリIDを入力。
Regenerate
サムネイルを再生成するか。
Apply on home
トップページに適用するか。
Apply on archives
アーカイブに適用するか。
Apply on search
検索結果に適用するか。
コメント
[…] – Thumbnail for Excerptsの使い方 | WordPressのプラグイン | WP SEOブログ Thumbnail for Excerptsで抜粋記事とサムネイル画像を表示する | […]