WP-PagenaviのCSSについてのメモ #wordpress #CSS

WP-PagenaviのCSSについてのメモ #wordpress #CSS

プラグインのwp-pagenaviはとても便利です。デフォのスタイルを使ってもいいのですが、せっかくなのでテーマファイルに合わせてカスタムするために、どんなclass名を吐き出しているのか、ソースから確認してみました。

wp-pagenaviで使われているclass名

以上のclassを元にいろいろいじっていきます。

スタイルを適用した結果

20140209
スタイルを適用した結果は図の通りです。ただし、このスクリーンショットはGoogle Chromeで撮ってあるので、webkit系はこうなると思うけど他のブラウザだと少し変わります。

適用したスタイルは以下のとおり。

何だか雑な書き方だなぁ。我ながら。


Back to Top