entries list

リンク先に応じてaタグにclassを付加する「Link Indication」

date: 2006/12/30 21:55 | modified: 2008/05/21 12:56

現在,このサイトではこのプラグインを使用していません.

Link Indication Plugin — Software Guideを導入してみました.このプラグインは,リンク先のドメイン・拡張子などを自動で判別して,aタグにclass属性を付加するものです.記事投稿内容に含まれているaタグのパターンをマッチングして,置換しています.

動作例

Link Indication Plugin — Software Guide

IMAG7470

デザインする技術 ~よりよいデザインのための基礎知識

外部サイトへのリンクには,背景に右矢印のアイコンを付加.Flickrとamazonへのリンクには,各サイトのアイコンを画像の左下に付加.……と,このようにリンク先のドメインに応じて任意のclass名を付加できるので,アイコンを使い分けることが可能です.

問題点

このプラグインのaタグを抜き出す正規表現の部分(93行目周辺)を見ると,属性値をダブルクォーテーションもしくはシングルクォーテーションでくくられている場合を想定していることがわかります.つまり,href属性内にこの記号を含む値を入れると,不完全なリンクが完成されてしまうわけです.
普通のURLならばそんな記号を使わないわけですから問題はないのですが,これの一つ前の記事のようにブックマークレットに使うJavaScriptをhref属性に指定してやりたい場合は非常に困ってしまいます.

この場合には,それぞれの記号を実体参照で書くことで問題を回避できるようです.
ダブルクォーテーションマーク→%22
シングルクォーテーションマーク→%27

Flickrからの記事投稿

date: 2006/12/27 15:35 | modified: 2006/12/28 20:18

amazon.co.jpへのリンク生成補助「WP-Amazon」

date: 2006/12/22 15:19 | modified: 2006/12/26 10:48

本当に使えるわけではないWebサービスAPI

date: 2006/12/20 13:10 | modified: 2007/07/03 04:45

Web0.2的サイトの構築

date: 2006/12/16 15:09 | modified: 2009/03/28 08:03

テーマ制作中

date: 2006/12/13 09:12 | modified: 2007/01/01 15:12

WordPressへの移行

date: 2006/12/08 23:05 | modified: 2006/12/15 15:56