プラグイン

数字付きページナビゲーションを表示する

Posted on 2009年04月12日 | 6 Comments|

今まで「Next」「Prev」のページナビゲーションだったけど、
ページが多いとそれじゃ不便だなってことで「WP-PageNavi」プラグインを導入。

WP-PageNaviはWordPressに数字付きのページナビゲーションを表示させるプラグイン。
導入はちょっと不親切かも。
プラグインディレクトリから検索してインストールのところを見てもすぐには分からないっていうか。
プラグインのサイトのInstallationタブとUsageタブを見よう。

一応簡単に手順を解説してみる。
いつも通りのインストール方法でインストール・有効化する。
利用中のテーマファイルのページナビゲーションを表示させたい場所に

[php][/php]

を追加する。
footer.phpだったりするかもしれない。（テーマにより異なる）

色とかスタイルを変更したい場合はwp-pagenavi/pagenavi-css.cssを変更する。
テーマファイルのcssも必要があれば修正する。

管理画面の「設定」→「PageNavi」から表示方法の設定をする。
プラグインをアンインストールするボタンもここにある。

テーマファイルをごにょごにょしなきゃいけないので、
テーマを変更したときとか、プラグインを無効にしたときは注意が必要。

Posted In: ナビゲーション

リンクを並べ替えたり折りたたんだり

Posted on 2009年04月10日 | 8 Comments|

リンクが増えてきてサイドバーに表示させるには長くなってきた。
折りたためたらいいなぁ。
ということでリンク関係のプラグインを探していたら、
Collapsing Linksというリンクを折りたたみ表示できるプラグインと
My Link Orderという並び順を変更するプラグインを見つけた。

WordPressにインストールする方法はどちらもいつも通り、
「プラグイン」→「新規追加」からクリックだけでインストールできる。

まずMy Link Orderでちょっと気になっていた並び順を変更してみた。
ウィジェットにMy Link Orderを追加すると、
変更した並び順のリンクリストを表示させられる。

そして本命、Collapsing Linksでリンクをカテゴリ毎に折りたたみ表示させる。
このプラグインはMy Link Orderで変更した並び順を利用することができる。
ウィジェットにCollapsing Linksを追加して、
タイトルや表示順、折りたたみのマークなどを設定する。

Collapsing Linksウィジェットの設定画面

Collapsing Linksプラグインで
「Animate collapsing and expanding」にチェックを入れると
IEではリンクが展開できない。
Firefoxではアニメーションする。
見えないのは困るのでチェックを外そう。

Firefoxで折りたたみと展開

IEだとちょっと表示が違うけど、アニメーションしなければ展開できる。

リンクにnofollowを設定することもできる。
勿論このブログではそんな失礼なことはしない。
「設定」→「Collapsing Links」からスタイルシートを変更することもできる。

Collapsing Links　と　My Link Order　はセットで便利なプラグインだ。
（動作確認Firefox 3.1b3とIE8。動かない場合は教えて下さい。）

追記：2009-04-10　21:58:48

一部の環境で動作しないことをご報告頂きました。
Collapsing Linksの方はバージョンアップするまで一時的に無効にしておくことにします。

Posted In: リンク

HeadSpace2でGoogle Analyticsのコードを入れる

Posted on 2009年04月9日 | 4 Comments|

今までWoredPressにGoogle Analyticsのトラッキングコードを挿入するのに
TaM Google Analyticsプラグインを使っていたのだけど、
よく見てればHeadSpace2というオールインワンのプラグインに
その機能は付いているじゃないか。
と気付いたので、トラッキングコードの挿入方法をメモしておく。

HeadSpace2設定画面

管理画面「設定」から「HeadSpace」を開き、
「サイトモジュール」にある「Google Analyticsにチェックを入れる。
右端にある設定アイコンをクリックして開く。
「アカウントID」にトラッキングコードをペーストするか、IDを入れる。
トラッキングコードを丸ごとペーストすると自動的にIDになった状態で保存される。
バージョンは「新しいGoogle Analytics(ga.js)」の方がいいだろう。
後は「保存」をクリックするだけ。