Swirling Mist

Link Indication Plugin を使うと外部リンクに css クラスを付けることができます。それにより、画像を後ろに付けたり色を変えたり、目立たせることができます。

当サイトはリンクがごちゃごちゃしているのでとても必要なプラグインです。 IE で場合によってずれますが、仕方ないと諦めています。

導入

Link Indication Plugin — Software Guide からファイルをダウンロードします。本稿執筆時点でのバージョンは 2.6、使った WordPress のバージョンは 2.0.3 でした。

本体だけでなく、 Images もダウンロードしておきます。

解凍したら、 link-indication.php を wp-content/plugins/ にアップロードします。

次に、使用中のテーマフォルダ、 wp-content/themes/テーマ名/ の中にある style.css を開き、以下を追加します。

[code lang="css" -0]
/* For Link Indication plugin */
a.liexternal {
padding-right: 12px;
background: url(images/link-icon_external.gif) no-repeat right;
}
a.liwikipedia {
padding-right: 14px;
background: url(images/link-icon_wikipedia.gif) no-repeat right;
}
a.liimdb {
padding-right: 18px;
background: url(images/link-icon_imdb.png) no-repeat right;
}
a.liftp {
padding-right: 13px;
background: url(images/link-icon_ftp.png) no-repeat right;
}
a.limailto {
padding-right: 18px;
background: url(images/link-icon_mail.png) no-repeat right;
}
a.liinternal {
}
[/code]

あくまでも例えば、です。お好みで自由に合わせてください。画像を使う場合、上記の書き方だと wp-content/themes/テーマ名/images/ のなかに入れておきます。

後は有効化すれば完了。

オプション > Link Indication に行くと設定を変えることができます。 Specific external link types に記述を追加し、書いたクラス名に上記と同様にスタイルを設定すれば、特定の URL を特殊な見た目にすることが可能です。例えば、 Wikipedia へのリンクはこうなります。

ブログ - Wikipedia

分かりやすいです。

付記

外部リンクであることを示すような画像は

• famfamfam.com: Icons
• graphicPUSH: Free icons and free icon sets for web designers.

などにもあるので探してみるのも愉しいです。

タグ: WordPress Plugin

この投稿は 2006 年 6 月 28 日 水曜日 11:48 pm に WordPress カテゴリーに公開されました。 この投稿へのコメントは RSS 2.0 フィードで購読することができます。 コメントを残すか、ご自分のサイトからトラックバックすることができます。