マルチページ用のページャーにcurrentをつけてほしい - 要望 https://wp-cocoon.com/community/demands/%e3%83%9e%e3%83%ab%e3%83%81%e3%83%9a%e3%83%bc%e3%82%b8%e7%94%a8%e3%81%ae%e3%83%9a%e3%83%bc%e3%82%b8%e3%83%a3%e3%83%bc%e3%81%abcurrent%e3%82%92%e3%81%a4%e3%81%91%e3%81%a6%e3%81%bb%e3%81%97%e3%81%84/ Cocoon ディスカッション掲示板 ja Fri, 04 Sep 2026 22:45:51 +0000 wpForo 60 RE: マルチページ用のページャーにcurrentをつけてほしい https://wp-cocoon.com/community/demands/%e3%83%9e%e3%83%ab%e3%83%81%e3%83%9a%e3%83%bc%e3%82%b8%e7%94%a8%e3%81%ae%e3%83%9a%e3%83%bc%e3%82%b8%e3%83%a3%e3%83%bc%e3%81%abcurrent%e3%82%92%e3%81%a4%e3%81%91%e3%81%a6%e3%81%bb%e3%81%97%e3%81%84/#post-2887 Sat, 05 May 2018 12:00:14 +0000 動作確認ありがとうございます！

ところで、このページャーを見ていて、ふと気づきましたが「空のテキストノード」が発生しています。cocoon設定よりhtmlの圧縮設定をすればなくなるようですが、そのままだと余白が増え、少しバランスが変わり、見栄えが変わります。

どの部分のことだろう。
ちょっと、確認してみた限りではよくわかりませんでした。
よろしければ、新しいトピックに詳細とともに書き込んでいただければ、僕も動作を確認してみようと思います。

]]> 要望 わいひら https://wp-cocoon.com/community/demands/%e3%83%9e%e3%83%ab%e3%83%81%e3%83%9a%e3%83%bc%e3%82%b8%e7%94%a8%e3%81%ae%e3%83%9a%e3%83%bc%e3%82%b8%e3%83%a3%e3%83%bc%e3%81%abcurrent%e3%82%92%e3%81%a4%e3%81%91%e3%81%a6%e3%81%bb%e3%81%97%e3%81%84/#post-2887 RE: マルチページ用のページャーにcurrentをつけてほしい https://wp-cocoon.com/community/demands/%e3%83%9e%e3%83%ab%e3%83%81%e3%83%9a%e3%83%bc%e3%82%b8%e7%94%a8%e3%81%ae%e3%83%9a%e3%83%bc%e3%82%b8%e3%83%a3%e3%83%bc%e3%81%abcurrent%e3%82%92%e3%81%a4%e3%81%91%e3%81%a6%e3%81%bb%e3%81%97%e3%81%84/#post-2875 Sat, 05 May 2018 04:12:23 +0000 currentありがとうございます！！！

確認いたしました。お忙しい中追加してくださり、うれしいです。

CSSの修正がわかりやすくなります♪

ところで、このページャーを見ていて、ふと気づきましたが「空のテキストノード」が発生しています。cocoon設定よりhtmlの圧縮設定をすればなくなるようですが、そのままだと余白が増え、少しバランスが変わり、見栄えが変わります。

この件につきましてはこのトピの趣旨とは若干違う気がするので、もう少し自分で調べてからスマートな解決方法を見つけられなかった場合、また改めて質問させていただけたらと思います。

今回は解決ということで、どうもありがとうございました！

]]> 要望 corgi https://wp-cocoon.com/community/demands/%e3%83%9e%e3%83%ab%e3%83%81%e3%83%9a%e3%83%bc%e3%82%b8%e7%94%a8%e3%81%ae%e3%83%9a%e3%83%bc%e3%82%b8%e3%83%a3%e3%83%bc%e3%81%abcurrent%e3%82%92%e3%81%a4%e3%81%91%e3%81%a6%e3%81%bb%e3%81%97%e3%81%84/#post-2875 RE: マルチページ用のページャーにcurrentをつけてほしい https://wp-cocoon.com/community/demands/%e3%83%9e%e3%83%ab%e3%83%81%e3%83%9a%e3%83%bc%e3%82%b8%e7%94%a8%e3%81%ae%e3%83%9a%e3%83%bc%e3%82%b8%e3%83%a3%e3%83%bc%e3%81%abcurrent%e3%82%92%e3%81%a4%e3%81%91%e3%81%a6%e3%81%bb%e3%81%97%e3%81%84/#post-2863 Fri, 04 May 2018 14:16:42 +0000 Akiraさんの方法でやってももちろんいいのですが、僕もマルチページのページャーをスタイリングするとき、currentがないのがものすごく納得いきませんでした。

なので、いい機会なので今回マルチページのページャーに無理やりにでもcurrentをつけてみました。

https://github.com/yhira/cocoon/archive/master.zip

これでよりスタイリングがやりやすくなるのではないかと思います。

当サイトに適用した例がこちら。

https://wp-cocoon.com/layout/2/

]]> 要望 わいひら https://wp-cocoon.com/community/demands/%e3%83%9e%e3%83%ab%e3%83%81%e3%83%9a%e3%83%bc%e3%82%b8%e7%94%a8%e3%81%ae%e3%83%9a%e3%83%bc%e3%82%b8%e3%83%a3%e3%83%bc%e3%81%abcurrent%e3%82%92%e3%81%a4%e3%81%91%e3%81%a6%e3%81%bb%e3%81%97%e3%81%84/#post-2863 RE: マルチページ用のページャーにcurrentをつけてほしい https://wp-cocoon.com/community/demands/%e3%83%9e%e3%83%ab%e3%83%81%e3%83%9a%e3%83%bc%e3%82%b8%e7%94%a8%e3%81%ae%e3%83%9a%e3%83%bc%e3%82%b8%e3%83%a3%e3%83%bc%e3%81%abcurrent%e3%82%92%e3%81%a4%e3%81%91%e3%81%a6%e3%81%bb%e3%81%97%e3%81%84/#post-2858 Fri, 04 May 2018 12:02:52 +0000 Akiraさん、初めまして。

子要素の「>」のこと、すっかり忘れていました。。。

そうですよね～～

教えていただき、ありがとうございます！

わいひらさん、解決したので、大丈夫です。

お騒がせしました！

]]> 要望 corgi https://wp-cocoon.com/community/demands/%e3%83%9e%e3%83%ab%e3%83%81%e3%83%9a%e3%83%bc%e3%82%b8%e7%94%a8%e3%81%ae%e3%83%9a%e3%83%bc%e3%82%b8%e3%83%a3%e3%83%bc%e3%81%abcurrent%e3%82%92%e3%81%a4%e3%81%91%e3%81%a6%e3%81%bb%e3%81%97%e3%81%84/#post-2858 RE: マルチページ用のページャーにcurrentをつけてほしい https://wp-cocoon.com/community/demands/%e3%83%9e%e3%83%ab%e3%83%81%e3%83%9a%e3%83%bc%e3%82%b8%e7%94%a8%e3%81%ae%e3%83%9a%e3%83%bc%e3%82%b8%e3%83%a3%e3%83%bc%e3%81%abcurrent%e3%82%92%e3%81%a4%e3%81%91%e3%81%a6%e3%81%bb%e3%81%97%e3%81%84/#post-2852 Fri, 04 May 2018 06:56:26 +0000 下記の CSS で現在のページのみの文字色を変更できます。

.pager-links > .page-numbers {
 color: red;
}
]]> 要望 Akira https://wp-cocoon.com/community/demands/%e3%83%9e%e3%83%ab%e3%83%81%e3%83%9a%e3%83%bc%e3%82%b8%e7%94%a8%e3%81%ae%e3%83%9a%e3%83%bc%e3%82%b8%e3%83%a3%e3%83%bc%e3%81%abcurrent%e3%82%92%e3%81%a4%e3%81%91%e3%81%a6%e3%81%bb%e3%81%97%e3%81%84/#post-2852 マルチページ用のページャーにcurrentをつけてほしい https://wp-cocoon.com/community/demands/%e3%83%9e%e3%83%ab%e3%83%81%e3%83%9a%e3%83%bc%e3%82%b8%e7%94%a8%e3%81%ae%e3%83%9a%e3%83%bc%e3%82%b8%e3%83%a3%e3%83%bc%e3%81%abcurrent%e3%82%92%e3%81%a4%e3%81%91%e3%81%a6%e3%81%bb%e3%81%97%e3%81%84/#post-2851 Fri, 04 May 2018 06:26:36 +0000 ページネーションとマルチページ用のページャーのソースを確認したところ、
共通のクラスがあり、ページネーションを直せば、一部はマルチページ用のページャーにも反映することはわかりましたが、マルチページ用のページャーのほうで、現在ページを示す数字の文字色が、現状だとリンク有りの数字と別の色にすることができません。
添付画像のように、たとえば黒い背景に白い数字にしたいと思ってもpage-numbersだけですと、厳しいです。
白にすると、aタグの部分も白文字になってしまい、文字が見えなくなるという事態に・・・
そもそもpage-numbersにcolor: #333435;があり、すべてのspanにpage-numbersが入っているので、ここを白にしてaを黒文字にしたりと、頑張っては見ましたが、今のところ無理です。
できたらページネーションと同じように、
<div class="pagination">
<span aria-current='page' class='page-numbers current'>1</span>

currentを付けていただけると嬉しいです。

どうぞよろしくお願いいたします！

]]> 要望 corgi https://wp-cocoon.com/community/demands/%e3%83%9e%e3%83%ab%e3%83%81%e3%83%9a%e3%83%bc%e3%82%b8%e7%94%a8%e3%81%ae%e3%83%9a%e3%83%bc%e3%82%b8%e3%83%a3%e3%83%bc%e3%81%abcurrent%e3%82%92%e3%81%a4%e3%81%91%e3%81%a6%e3%81%bb%e3%81%97%e3%81%84/#post-2851