うさぎのイラスト

ネットアンサー55備忘録

ワードプレス技術を色々とお試しするサイトです。

次前ボタンのカスタマイズ

-2015年10月28日-
次へ前へボタンの基本的な形を下記に記します。
<div class="navigation">
<?php if( get_previous_post() ): ?>
<div class="alignleft"><?php previous_post_link('%link', '« %title'); ?></div>
<?php endif;
if( get_next_post() ): ?>
<div class="alignright"><?php next_post_link('%link', '%title »'); ?></div>
<?php endif; ?>
</div>
<!-- /post navigation -->
パラメータ内に記述をしてカスタマイズした例 (下記の記述はターム内での次へ前へ設定です。) こちらの記事を参考にしました
<ul>
	<li class="prev"><?php previous_post_link( '%link','<span><img src="/common/images/prev.png" alt="前の記事へ"><br>%title</span>', true, '', 'lineup_syunsetsu_cat' ); ?></li>
	<li class="next"><?php next_post_link( '%link','<span><img src="/common/images/next.png" alt="次の記事へ"><br>%title</span>', true, '', 'lineup_syunsetsu_cat' ); ?></li>
	<li><a href="/lineup/syunsetsu/"><span><img src="/common/images/back.png" alt="一覧へ戻る"><br>一覧へ戻る</span></a></li>
</ul>
カスタマイズしたい場合はget_adjacent_postを使います。
<?php
$prevpost = get_adjacent_post(false, '', true); //前の記事
$nextpost = get_adjacent_post(false, '', false); //次の記事

//記事のIDを収得
$previd = $prevpost->ID;
$nextid = $nextpost->ID;

//記事のURLを取得
$prevurl = get_permalink($prevpost->ID);
$nexturl = get_permalink($nextpost->ID);
?>

ID以外も他にも呼び出せるキーワードはたくさんあります。 post_author post_date post_date_gmt post_content post_title post_excerpt post_status comment_status ping_status post_password post_name to_ping pinged post_modified post_modified_gmt post_content_filtered post_parent guid menu_order post_type post_mime_type comment_count filter 参考サイト主婦ライフ ウェブ式