WordPress 「続きを読む」を画像にしよう!

続きを読むを画像にしてみよう記事の抜粋を文字数で制限する方法をご紹介しましたが、
WordPressの記事編集画面の「more」ボタン、
もしくは<!-more->を入れることで、好きな場所で記事を区切ることができます。

通常、記事のあとに「続きを読む」などのテキストリンクが表示されます。
・・・が、これをカスタマイズする方法もあります。

今回は続きを読むの部分を画像にするカスタマイズのご紹介です。

通常のパターン
「続きを読む」を画像にしよう!
HTML
<?php the_content( ( '続きを読む' ) ); ?>

通常の「続きを読む」はこういうコードで表示されています。
文字だけ変更したい場合は、この「続きを読む」の部分をお好きなものに変更します。

画像に変更したいとき

画像に変更するには、以下のコードに置き換えます。

HTML
<?php the_content('<img src="' . get_bloginfo('template_directory'). '/images/img_more.png" alt="'. the_title('', '', false). '" title="'. the_title('', '', false). '" />'); ?>

ここにお好きな画像を入れて保存するだけ。
そうするとこうなります。

続きを読むを画像にしてみよう

これだけでも印象ががらっと変わって見えるんじゃないでしょうか。
ぜひお試しくださーい(。・ω・。)ノ