ただひたひたと迷走する。改め、乞食日記

リンクはどう表示するべきなのか・・・？

WordPress

WordPressを使い始めてから

カスタマイズの参考にする為に色々な方のブログを購読するようになったのですが

とっつきにくい内容をわかりやすく書いてくださっている病的溺愛シンドロームさんにこんなエントリーがありました

リンクを新しいウィンドウで開くアイコンを自動で追加

コレだ！！！と思いました

私はリンクが別タブで開かないのはイヤなのです

自分自身は設定でリンクはすべて別タブで開くように設定しているのですが

コレは人それぞれなのかなあと常々思っていたのです

別タブで開きたい人もいれば今のタブで開きたい人もいるのではないでしょうか・・・

そういう選択肢はあってもいいのではないでしょうか？

というわけで

紹介されているプラグインを試してみました

Auto External Link 0.1

DL及び詳細な使用方法についてはコチラでどうぞ

リンクに、新しいウィンドウで開くためのアイコンを自動で追加(Wpプラグイン) | Numb.

こんな感じになります

リンクのお尻に別タブで開くためのアイコンが表示されています

WordPressにはリンクの設定がちゃんとあるのですが

面倒くさいしすぐ忘れてしまうのですよね(笑)

そんな物臭さんにオススメのぷらぐいんですよー

これでリンクをクリックした場合には今のタブで、アイコンをクリックした時には別タブで、と使い分けができるわけです

使い方ですが

このプラグインはリンクの詳細な設定を管理画面ではなくjsそのものに書き込まないといけないので

まずjsをごにょれるテキストエディタが必要です

ということでez-HTMLをDLしました

準備ができたので設定です

ez-HTMLでプラグインの中にあるAutoExternalLink.jsを開きます

必要なのは9行目から21行目までです

蛇足ですが最初AutoExternalLink.jsを開いた時に日本語部分が文字化けしていたのでUTF-8Nに表示を変えました

• openType

1だと別タブ（_brank）2だと別ウィンドウ（window.open）です

私は当然？1にしました

• checkArea

これはこのプラグインをドコのエリアに適用するかの設定です

設定をしないと全てのリンク、サイドバーなんかにも表示されてしまいます

それはウザイ

ということで

var checkArea = ‘main’;

と記入しました

コンテンツ部分にだけ適用しようという設定です

私はmainなのですが使っているテーマによってIDが違うみたいです

よくわかりませんすいません(笑)

• exclusionStr

これは特有の文字列を含んだURLにはこのプラグインを適用しないという設定です

var exclusionStr = new Array('適用したくないURL','javascript');

私は自分のドメインを書き込みました

• inclusionClassName

よくわからないのでそのままにしました

• anchorObject

これは細かな表示の為の設定です

var anchorObject = '<img src="自分のURL/wp-content/plugins/AutoExternalLink/好みのアイコン" width="12" height="11" alt="リンクを新しいウインドウで開く" title="リンクを新しいウインドウで開く" />';

私は元から用意されている4つのアイコンの中から自分の好みのものを選びましたがテキストだけ表示させるような設定もできます

後は通常のプラグインと同じようにFFFTPでサーバにあげて管理画面でプラグインを有効にするだけでリンクアイコンが表示されるようになります

これは本筋とは関係がないのですけれども

ez-HTMLはフリーソフトで使用している場合にはリンクを表記してくださいね、ということなので

フッタにリンクを追加しました

こういうのは大事なことだと思います

今回もさっくりと成功しましたよほほほほ♪

Permalink | コメント(4) | トラックバック(1) | 13:37