こっそり始める Blog

こんばんは。

桐光学園松井のピッチングを生で見てみたい @tar0073 です。
初戦は22奪三振、今日の2戦目は19奪三振！
まあ5失点したりと安定感はないようですが、将来が楽しみな一人です。

SPONSORED LINK

本日のエントリーで紹介したPagenaviのリンク表示ですが。。。
イマイチなんです。

何故かはわかりませんがリンクの枠線が1本、下が表示されないんです。
pagenavi-css.cssをいじったんですが全く直らず。
しかし！WordPressにはこんなものまであります！

WordPress プラグイン WP PageNavi Styleを入れてみる

WP-Pagenaviを入れてもいちいちカスタマイズするのが面倒って人用のプラグインw
WP pagenavi Styleです。
ダウンロードは以下のサイトから。

WordPress › WP PageNavi Style « WordPress Plugins

それでは早速インストールして設定してみましょう。

インストール後有効化すると管理画面にPageNvi Styleというメニューが表示されます。
クリックすると設定画面が表示されます。

設定は簡単で矢印で指しているところクリックすると登録されているデザインが表示されるので好きなものを選択するだけです。
デザインを選んだらSave Settingsをクリックして完了です。
簡単ですね！

登録されているデザインで気に入らなければオリジナルも作成可能です。

画像のように上のメニューからCustomを選択すればOKです。

Customにすると上のようにオリジナルカスタマイズが可能になります。
プレビューがないので確認しつつ変更しなくてはいけないのが面倒なんですけどね。

簡単にカスタマイズが出来るんですが少々不具合があります。
環境やテーマにもよるのかも知れませんが、表示位置を変えるためには直接CSSにコードを追加する必要があるんです。

wp-pagenavi-style＞cssフォルダにある使用しているデザインのCSSを探し出して下さい。
センター表示させる場合、そこに以下のように追加します。

text-align: center;

右寄せや左寄せの場合はそれぞれ同様に書き込んで下さい。
たった1行追加するだけなんで誰にでも出来ますね。

そんな感じで出来たものがこれです

なかなかいい感じに出来上がりました！

。。。ん？これって、使いたいデザインのCSSファイルからpagenavi-css.cssにコピペすればいいんじゃねえの？とふと思いつきましたw
まあプラグインをあまり増やしたくない人はコピペでもOKってことですなw

SPONSORED LINK