カスタマイズが大好きなあなたへ！
今回は有料のWordPressテーマ「STORK（ストーク）」
の「ページネーション」をカスタマイズする方法をご紹介します！
とことんデザインにこだわりたい！！！ブログを自分の色に染めたい！！
こんな人におすすめです♪
「ページネーション」とは？
記事一覧の下にあるコレですね。デフォルトだと角ばっています。自分のブログの雰囲気には合わない……。
そう思ったのでカスタマイズすることにしました！
カスタマイズ方法
これから紹介するコードをコピペするだけでOKです。
コピペ先は「親テーマ/子テーマのスタイルシート(外観→テーマの編集)」か「追加CSS(外観→カスタマイズ)」からお好みでお選びください♪
子テーマについては「STORK（ストーク）で子テーマを導入する方法」で詳しく説明してあります。
丸いページネーション
クリックでCSSを表示
/* ページネーション */
.pagination a, .pagination span{
padding: 8px 14px;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
}
@media only screen and (max-width: 767px){
.pagination a, .pagination span{
padding: 9px 14px;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
}
}
角が丸いページネーション
クリックでCSSを表示
/* ページネーション */
.pagination a, .pagination span{
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
おわりに：コピペで簡単にページネーションをカスタマイズできる！
細かい部分ではありますが、デザインにこだわりたい人は是非参考にしてみてください。
随時更新していく予定なので、気になる方はPOKETに追加しておいてね♪
あなたのブログが素敵になりますように。ぱるでした！
こちらの記事も人気です