wordpressのカスタマイズのお仕事があったのでメモメモ

トップページの表示は、挿入された画像を左に並べて・・テキストを詰めて・・
との要望があったので実装したメモ。

まずは、画像を抜き出し、テキストと画像を成形するプラグインをインストール。
Thumbnail for Excerpts
ダウンロードしたバージョンは2.1でした。

Thumbnail for Excerptsプラグインに含まれてたサンプルイメージ

プラグインのインストールが完了すると、wp-adminで、設定の中に「Thumbnail Excerpts」が追加されます。
今回はトップページだけの有効なのでApply on homeを「yes」にして保存。
Width、Heightはデフォルト150pxから小さくしました。

これで登録されてる画像が抜かれ、キレイに成形されます。

続きまして、
テキストの文字数制限をかけます。

標準でインストールされてる「WP Multibyte Patch」プラグインを有効にしておきます。

細かな設定は直接ファイルに書き込む仕様のようなので
インストールされてるフォルダ（wp-content/plugins/wp-multibyte-patch）の「wpmp-config-sample.php」をコピーして「wpmp-config.php」の名前でアップロードします。
「wpmp-config.php」に細かな設定があるのですがよくわからんのでとりあえずそのまま。

テンプレート側でhome.phpを以下に変更。

<div class="entry-content">
    <?php the_content(__('続きを読む'));?>
</div>
↓↓↓
<div class="entry-content">
    <?php the_excerpt();?>
</div>

これで文字数制限ができました。
標準設定で日本語110文字で表示されます。

このままだと、 省略されたテキストが[...]と表示されるだけなので
これにリンクを掛けます。

テンプレート側のテーマ関数に以下を追加

/**
 * 続きを読むリンクフィルター
**/
function new_excerpt_more($more) {
    global $post;
    return '……<a href="' . get_permalink() . '" title="'.get_the_title( ).'">' . __('[続きを読む]') . '</a>';
}
add_filter('excerpt_more', 'new_excerpt_more');

ふ・・・これでばっちりｗ

• Previous Entry: Smarty getTemplateTimestampTypeName()エラー
• Next Entry: Thumbnail for Excerpts で画像が全部同じになっちゃう