ページネーションをJQプラグインで作成中なのですが、オプションの編集がうまくいきません。

Question

https://shanabrian.com/web/jquery/pagination.php
上記のサイトを使い、WordPressのアーカイブページのページネーションの作成をしています、
初心者です。

上記のサイトの、ファイル名(jquery.pagination.js) の設定で、
文字を打って設定するのですが、

settings = $.extend({
				paginationMode                 : true,
				itemElement                    : null,
				defaultDisplayPageNumber       : 1,
				displayItemCount               : 10,
				prevNextPageBtnMode            : false,
				firstEndPageBtnMode            : false,
				bothEndsBtnHideDisplay         : true,
				pageLinkMode                   : true,
				pageNumberLinkPrefix           : '#page-',
				currentpageLinkUnWrap          : false,
				pageNumberDisplayNumber        : 3,
				onePageOnlyDisplay             : true,
				onePageOnlyPrevNextPageDisplay : false,
				onePageOnlyFirstEndPageDisplay : false,
				pageInfoDisplay                : false,
				pageInfoFormat                 : 'Page %n / %m',
				ellipsisMode                   : true,
				ellipsisText                   : '...',
				ellipsisMaxPageNumber          : 5,
				clickUserFunction              : null,
				wrapElement                    : 'div',
				prevBtnText                    : '<',
				nextBtnText                    : '>',
				firstPageBtnText               : '<<',
				endPageBtnText                 : '>>',
				prevBtnAriaLabel               : 'Previous',
				nextBtnAriaLabel               : 'Next',
				firstPageBtnAriaLabel          : 'First Page',
				endPageBtnAriaLabel            : 'End Page',
				paginationClassName            : 'pagination-container',
				paginationInnerClassName       : 'pagination-wrapper',
pageNumberClassName            : 'pagination-number',（ここを編集しても変化しない）
				currentPageNumberClassName     : 'current',
				prevBtnClassName               : 'prev-page',
				nextBtnClassName               : 'next-page',
				firstBtnClassName              : 'first-page',
				endBtnClassName                : 'end-page',
				prevNextBtnDisabledClassName   : 'disabled',
				ellipsisClassName              : 'ellipsis',
				pageInfoClassName              : 'page-info',
				setPagination                  : '',
				setPaginationMode              : 'after',
				changeStartCallback            : function() {},
				changeEndCallback              : function() {},
				idPrefix                       : 'pg'
			}, options);

ページ番号のクラス名の設定ができるはずの、
pageNumberClassName ()を編集してもクラス名の追加がされません。
その下のcurrentPageNumberClassName : 'current',（現在のページのクラス名）
は変化して編集できます。

このファイルにエラー表示はありません。

何かご存じの方は、ご教授いただけると幸いです。
また、少し見ただけの感想等でも、コメントしてくださると幸いです。

Comments

[m.ts10806]

>jquery.pagination.js

自身で改修してないなら提示不要です。むしろ邪魔。バージョンと取得先URLだけでOK。

[m.ts10806]

プラグイン不具合を疑われるのでしたら製作者に言うしかありません。

[2232]

承知しました、プラグインが間違っているよりも自分が間違っているでしょうし、
一応、載せただけです。
１つ目のコードの方は、クラス名の指定など色々、指定しました。

[Lhankor_Mhy]

コードを試してみましたが、プラグインの不具合のように思います。

[2232]

そうなんですね、試していただきありがとうございます、この場合自分で直したりは、
出来るものなのでしょうか？やはり諦めて他のサイトのjqプラグインを使うべきなのでしょうか？

[Lhankor_Mhy]

> 自分で直したりは、出来るものなのでしょうか？

試してみるしかないのでは。

[2232]

やる価値はあるのですね、承知しました。
お答えいただきありがとうございます。

[Lhankor_Mhy]

> やる価値はあるのですね

目的がわからないので何とも言えません。一見すると、わざわざクラスをつける必要はないように見えますが……

[2232]

編集したいのです（文字サイズや色の変更）、クラス名をつけないと出来ないと思うのですが、可能なのでしょうか？

[Lhankor_Mhy]

ご提示のサイトのデモでは、クラス名をつけずに背景色やボーダーなどをつけていると思います。

[2232]

なるほど、承知しました、やりようはあるみたいですね、
検討してみます。

[m.ts10806]

それで解決のままにしていいんでしょうか。
本当に不具合が疑われるなら作者に問い合わせた方が良いでしょうし、
むしろやりたいことまとめて作者に聞いた方が良いかもしれませんけどね。WordPressでの対応までサポートしてくれるかは別として。

Answer 1

サイトの下の方にあるCSSのクラス名をコピーしてそこにコードを打ち込むと編集できました。
勘違いをして見落としてしまいましたが、普通にできます。
ただ、jsファイルの方で指定することは、どういうわけか出来ません。おそらくですが、不具合です。