wp_link_pages() タグのカスタマイズ
最終更新日:
<!–nextpage–>で
分割された記事でページリンクを表示。
使い方
ページリンクを表示させたいところに
<br /> <?php wp_link_pages('');><br />
と記述。
カスタマイズ
このブログでは以下のようにカスタマイズしてます。
<br /> <?php wp_link_pages('before=<div class="page-links"><span>PAGE:</span>&after=</div>&pagelink=<span>%</span>'); ?><br />
デザインのカスタマイズはCSSで変更
ちなみにこのブログでは以下のようにCSSを指定してます。
<br /> .post-content .page-links span{<br /> border: 1px solid #999999;<br /> padding-top: 3px;<br /> padding-right: 5px;<br /> padding-bottom: 3px;<br /> padding-left: 5px;<br /> background-color: #000000;<br /> color: #FFFFFF;</p> <p>}<br /> //リンクが張られているページ番号のCSS<br /> .post-content .page-links a span{<br /> border: 1px solid #999999;<br /> padding-top: 3px;<br /> padding-right: 5px;<br /> padding-bottom: 3px;<br /> padding-left: 5px;<br /> background-color: #FFFFFF;<br /> color: #000000;<br /> }<br /> //カーソルが乗った時のCSS<br /> .post-content .page-links a span:hover{<br /> border: 1px solid #FF9900;<br /> padding-top: 3px;<br /> padding-right: 5px;<br /> padding-bottom: 3px;<br /> padding-left: 5px;<br /> background-color: #FFFFFF;<br /> color: #FF9900;<br /> text-decoration: underline;<br /> }<br />
パラメータ
before | (文字列) リンクの前のテキスト。デフォルトはPages:。 |
---|---|
after | (文字列) リンクの後のテキスト。デフォルトは。 |
link_before | (文字列) リンクテキストの前のテキスト。デフォルト(blank)。 バージョン 2.7 以降。 |
link_after | (文字列) リンクテキストの後のテキスト。デフォルト(blank)。 バージョン 2.7 以降。 |
next_or_number | (文字列) ページ番号を使用するかどうかを指定する。有効な値は、
・ number (デフォルト) |
nextpagelink | (文字列) 次のページへのリンクのテキスト。デフォルトはNext page。 (WordPress 1.5 以降で有効) |
previouspagelink | (文字列) 前のページへのリンクのテキスト。デフォルトPrevious page。 (WordPress 1.5 以降で有効) |
pagelink | (文字列) ページ番号のフォーマット。文字列内の % が番号に置き換えられる。例えばPage % は”Page 1″, “Page 2”, 等を生成する。デフォルトは%。 |
more_file | (文字列) リンクが指すページ。デフォルトは現在のページ。 |
echo | (真偽値) HTML 出力する(true)か、変数として返す(false)か。デフォルトは true。有効な値は、
・ 1 (True) – デフォルト |
関連記事
WordPressのおすすめ参考書
bookfan 1号店 楽天市場店
¥3,300 (2024/10/28 20:37時点 | 楽天市場調べ)
ポチップ
ポチップ