“WP-PageNaviを使ってWP_Queryにページナビゲーションを組み込む” のスタイルをlightningと同じに変える

こちらの投稿
https://www.nishi2002.com/15356.html

大変参考になりました。

しかしスタイルを変更するためのプラグイン
WP PageNavi Style が 更新されていないため、公式ディレクトリから外されています。
https://mg.wordpress.org/plugins/wp-pagenavi-style/

で ほぼ lightning と同じデザインにするための CSS を書いた。

.wp-pagenavi a, .wp-pagenavi span {
    padding: 6px 12px;
    border: 1px solid #ddd;
    margin: 0px;
    margin-left: -1px;
}

.wp-pagenavi span.current {
    font-weight: normal;
    border-color: #000;
    border: 1px solid #ddd;
    background-color: #f3a530;
    color: #fff;
}

.wp-pagenavi a:hover {
    background-color: #efefef;
    border-color: #ddd;
    text-decoration: none;
}

.wp-pagenavi:last-child > a {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

Styles For WP Pagenavi Addon があるみたいだけど
https://ja.wordpress.org/plugins/styles-for-wp-pagenavi-addon/