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

WordPressの記事編集画面の「more」ボタン、
もしくは<!-more->を入れることで、好きな場所で記事を区切ることができます。
通常、記事のあとに「続きを読む」などのテキストリンクが表示されます。
・・・が、これをカスタマイズする方法もあります。
今回は続きを読むの部分を画像にするカスタマイズのご紹介です。
通常のパターン
HTML
[xml]
<?php the_content( ( ‘続きを読む’ ) ); ?>
[/xml]
<?php the_content( ( ‘続きを読む’ ) ); ?>
[/xml]
通常の「続きを読む」はこういうコードで表示されています。
文字だけ変更したい場合は、この「続きを読む」の部分をお好きなものに変更します。
画像に変更したいとき
画像に変更するには、以下のコードに置き換えます。
HTML
[xml]
<?php the_content(‘<img src="’ . get_bloginfo(‘template_directory’). ‘/images/img_more.png" alt="’. the_title(”, ”, false). ‘" title="’. the_title(”, ”, false). ‘" />’); ?>
[/xml]
<?php the_content(‘<img src="’ . get_bloginfo(‘template_directory’). ‘/images/img_more.png" alt="’. the_title(”, ”, false). ‘" title="’. the_title(”, ”, false). ‘" />’); ?>
[/xml]
ここにお好きな画像を入れて保存するだけ。
そうするとこうなります。
これだけでも印象ががらっと変わって見えるんじゃないでしょうか。
ぜひお試しくださーい(。・ω・。)ノ