記事の抜粋を文字数で制限する方法をご紹介しましたが、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]
ここにお好きな画像を入れて保存するだけ。
そうするとこうなります。
これだけでも印象ががらっと変わって見えるんじゃないでしょうか。
ぜひお試しくださーい(｡・ω・｡)ﾉ
1980年6月生まれ。
秋田県在住。
地元のIT関連会社や市の機関でweb制作に携わり、2011年1月にフリーランスに。現在は子育てしながら日々業務にあたっています。