東京都練馬区。Wordpressはおまかせ。印刷・ホームページなど販売促進のためのデザインを提案します。

デザイン事務所ダウンアンダー

営業
10:00-
19:00

記事一覧の前後リンクを画像化する(posts_nav_link)

     2012/01/09   技術ノート    野村貞次

WordPressで記事一覧が1ページに収まらない場合「新しい記事一覧」「古い記事一覧」のリンクを表示するためにposts_nav_link()を使います。

posts_nav_link(‘separator’ , ‘str_previous’ , ‘str_next’);

separatorは区切り文字。str_previousは新しい記事一覧へのリンク文字。str_nextは以前の記事一覧へのリンク文字。

このリンク文字を画像に置き換えられないか、やってみました。

ポイントは画像名を変数に入れてやること。
特に get_bloginfo(‘template_url’)のところは、bloginfo(‘template_url’)を使うとうまくいきません。

  • <div>
  • <?php
  • $base = get_bloginfo(‘template_url’);
  • $previous = ‘<img src=”‘ . $base . ‘/images/nav/previous.png”>’;
  • $next = ‘<img src=”‘ . $base . ‘/images/nav/next.png”>’;
  • $separator = ‘<img src=”‘ . $base . ‘/images/nav/separator.png”>’;
  • posts_nav_link($separator,$previous ,$next) ; ?>
  • </div>

混乱しやすい

single.php(個別ページ)で使用するprevious_post_link()とnext_post_link()はそれぞれ「前の」「新しい」と、posts_nav_linkとはまったく逆になっています。

     2012/01/09   技術ノート    野村貞次

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

 こちらの記事も読んで見ましょう

記事一覧の前後リンクを画像化する(posts_nav_link) 東京都練馬区。Wordpressはおまかせ。印刷・ホームページなど販売促進のためのデザインを提案します。

Copyright©デザイン事務所ダウンアンダー,2010 All Rights Reserved.

ページ先頭へ