WPテーマ Cocoon のPaginationは削除できないという話を書いておきたいと思います。
※だいそれた改造を行えば削除できるかと思いますが、Cocoon設定だけでページネーションを削除できる機能はないようです。
CocoonのPaginationとはなにか
CocoonのPaginationはトップページ(インデックス)と投稿ページにあります。
実はこのうち投稿ページにあるページネーションはCocoon設定だけで削除することができます。しかし、インデックスページのページネーションは削除することができません。なぜこのPaginationを消したかったのかというと、次ページボタンとページ番号ボタンの2つがあったからです。
こちらは専門的な知識はないにしろ、次ページとページ番号で機能がかぶっているので、次ページボタンは必要ないのではないかと思ったのです。今回の記事は「Cocoonのインデックスページにあるページネーションは削除できませんよ」というお知らせのみ書きました。めんどうなので改善等はほどこしてありません。
ページネーションが削除できないのでcssコードを改良する
実をいうと該当ページネーションのセレクターにdisplay: none;を記述すれば、簡単に消すことができます。しかしdisplay: none;にするくらいなら、大工事を行い要素自体を削除するようにしたほうがよいでしょう。しかしどのファイルにページネーションのコードが記述されているのか探すのがめんどうなので、ページネーションを表示したままどうにかできないものかと考えるようにしました。結局cssを少しいじって終わりにしました。↓
.pagination-next-link, .comment-btn { font-size: 1.00em; width: 25%; }
Cocoonの次ページボタンのセレクターは上記になります↑。font-size, width以外にもたくさん記述してありますが、変えるのはここだけという意味で上記のように提示しました。次ページボタンのcssはデフォルトだと100%になっているのでmainカラムいっぱいにボタンが表示されてしまします。→そんなにでかくなくてもいいですよね?ってことでwidthは25%にしています。
font-sizeはデフォルトだと1.25emになっていて少し文字サイズが大きいと感じましたのでこれを1emに変更しました。
投稿のページネーションを削除する場合
先ほどまでの話はCocoonのインデックスページ、つまりはトップページにおけるページネーションの話を書きました。
投稿のページネーションですと、これはCocoon設定で削除することができます。投稿ページネーションの削除設定は次の場所にあります。投稿のページネーションを表示したくない場合はチェックをはずします。
Cocoonは人気のWordPressテーマなので、情報を検索したらいっぱつで目的の情報がでてきてほしいものですが、なかなか一発ではほしい情報は手に入らないですね。(個人的な意見はこのくらいにして)
この記事の情報は以上になります。
コメント