No.3311
ページナビのほうですが私はCSSでそのように表示してるのでご参考になれば幸いです
skin-cover.html
<div class="pagenavi">
[[NAVI:PREVNEXT]]
<p class="pagenums">[[NAVI:PAGELIST]]</p>
<p class="pagehome">[[NAVI:TOPPAGE]]</p>
</div>
CSS
.pagenavi {
margin:1.5em 0px;
padding:.5em 0px;
text-align:center;
display:flex;
flex-direction:row;
width:100%;
justify-content:center;
}
.pagehome a, .prevlink, .nextlink {
margin:0 .7em;
padding:0 .7em;
}
.pagehome a {
display:inline-block;
height:100%;
}
.prevlink {order:1}
.linkseparator {display:none}
.nextlink {order:3}
.pagenums {order:2;}
上記は装飾部分のスタイルは省いてますが位置関係は画像のような感じになるかと思います。
skin-cover.html
<div class="pagenavi">
[[NAVI:PREVNEXT]]
<p class="pagenums">[[NAVI:PAGELIST]]</p>
<p class="pagehome">[[NAVI:TOPPAGE]]</p>
</div>
CSS
.pagenavi {
margin:1.5em 0px;
padding:.5em 0px;
text-align:center;
display:flex;
flex-direction:row;
width:100%;
justify-content:center;
}
.pagehome a, .prevlink, .nextlink {
margin:0 .7em;
padding:0 .7em;
}
.pagehome a {
display:inline-block;
height:100%;
}
.prevlink {order:1}
.linkseparator {display:none}
.nextlink {order:3}
.pagenums {order:2;}
上記は装飾部分のスタイルは省いてますが位置関係は画像のような感じになるかと思います。
