WordPressには前後の記事へのリンクを出力するテンプレートタグprevious_post_linkとnext_post_linkがあります。 これで出力されるリンクを画像アイコンを含めた形で出力させます。
まずは単純な使い方。
1 2 |
<P><?php previous_post_link('%link を読む'); ?></p> <p><?php next_post_link('%link を読む »'); ?></p> |
%linkの部分が記事のタイトルとして出力されます。
idやclass等をつければcssで装飾はそのままできますね。
当ブログではこれに画像アイコンをつけて、そのアイコンも含めてリンクとして出力しています。
以下がそのコード。
画像アイコンをリンクに含める
1 2 |
<p><?php previous_post_link('%link', '<img src="'. get_template_directory_uri().'/images/sample_prev.png" /><span>%title</span>'); ?></p> <p><?php next_post_link('%link', '<img src="'.get_template_directory_uri().'/images/sample_next.png" /><span>%title</span>'); ?></p> |
第一引数を%linkとし、第二引数に画像を含めたタグを記述します。
この記事をシェアする