Genesisテーマ:個別ページのナビゲーション

StudiopressのGenesisテーマで、個別ページに『次のページ・前のページ』を追加する方法

公式チュートリアルはこちら
– http://dev.studiopress.com/single-posts-navigation.htm

function.phpに以下のコードを追加


 


cssは例文を参考に適当にカスタマイズ

.post-nav {
overflow: auto;
margin: 10px 0;
padding: 5px 0;
}
.post-nav span.next {
border-bottom: 1px solid #E6E6E6;
display: block;
margin-bottom: 5px;
}
.post-nav span.prev {
border-bottom: 1px solid #E6E6E6;
display: block;
margin-bottom: 5px;
}
.post-nav a {
text-decoration: none;
}
.post-nav a:hover {
text-decoration: underline;
}
.post-nav a:active {
}
.next-post-nav {
width: 50%;
float: left;
}
.prev-post-nav {
width: 50%;
float: right;
text-align: right;
}

注意:設定で、コメント投稿をを不可にしておくと、公式どおりのアクション追加部分が


add_action('genesis_before_comments', 'custom_post_nav');

ではファンクションがきかないので。


add_action('genesis_after_post_content', 'custom_post_nav');

にしたら成功する。

タイトルとURLをコピーしました