内部・外部リンクを区別する![はてなブックマーク はてなブックマーク](https://b.hatena.ne.jp/entry/image/http://cubic9.com/PukiWiki/%B2%FE%C2%A4/%C6%E2%C9%F4%A1%A6%B3%B0%C9%F4%A5%EA%A5%F3%A5%AF%A4%F2%B6%E8%CA%CC%A4%B9%A4%EB/)
問題
文章内でWikiNameやBracketNameを使うように、
外部リンクもエイリアスを使って文章に馴染むようにしてしまいがち*1だが、
両者の違いを識別できる方がユーザビリティー的には好ましい。
パッチ
ext_link.diff(PukiWiki1.4.4専用)
ext_link_146.diff(PukiWiki1.4.6専用)
その他の修正
それぞれ適当な箇所に追記。
- cssファイル
a.external { padding-left: 14px; background: url("../image/ext_link.png") no-repeat left bottom; }
ext_link.pngをimage/に保存。
- pukiwiki.ini.php
<?php ///////////////////////////////////////////////// // 自サイトのURL (内部・外部リンクの区別のため) $my_site = 'example.com'; ?>
サンプル
備考
IEではこのように途中で改行
されると表示が乱れてしまうのが難点。Gecko系やOperaでは問題なさそうです。
原因は恐らく、「インライン要素のrepeat-x背景画像が1行目にしか表示されない」と同じでしょうね。
コメント等ありましたらどうぞ ![:)](https://cubic9.com:443/image/face/smile.png)
参考
- PukiWiki-dev:BugTrack/730
ネタ元。
- Research-Based Web Guidelines: Links
- 羊堂本舗(2003-08-02)
- CYBER@GARDEN > XHTML講座 > XHTMLの基礎知識
アイコンはこちらを参考にしました。