Help:外部リンクアイコン

ウィキペディアでの外部リンクは一般的にはリンクの最後にアイコンを表示します。ウィキペディアでは外装ごとにCSSを利用して特定の拡張子とURIスキームを検出して、それらに基づき特定のアイコンを表示することができます。なお、拡張子の検出はURLに基づいて行われ、リンク先が実際にその拡張子のファイルであるかどうかは検査していません。

このページではアイコンを示すためにexample.orgのような例示用のURLを提示していますが、いずれも実在のファイルを指すことを意図していません。

解説

MediaWikiのソフトウェアは拡張子とURIスキームを検出してリンクを作成します。そのため、URIのないリンクでは外部リンクが作成されません。また、URLのURIスキーム以外の部分は検出しないため、wwwがあるかどうかは外部リンクの作成を影響しません。

既定の外装だったベクターはPDFアイコンしか表示せず、ケルンブルーも同じである。モバイル用のMinervaNeueでは全て表示しません。一方、モダン、モノブック、Timelessは多くの種類のアイコンを表示します。各外装で表示されるアイコンは外装のCSSで定義されていますが、PDFアイコンのみは{{PDFlink}}が使われる場合と拡張子がPDFの場合に表示されるとガジェットで定義されています。ガジェットを個人設定の「ガジェット」タブで無効にすると、外装で定義されたアイコンが使用されます。

ファイル拡張子に基づくアイコンは拡張子が一致する場合にのみ表示されます。また、ファイル拡張子とURIスキームの両方にアイコンが指定されている場合、ファイル拡張子のアイコンが優先して表示されます。リンクテキストが2行以上にわたる場合、Internet Explorerで不具合が生じることがあります。外部リンクアイコンは代替テキストを指定できないため、アクセシビリティの基準に適合しません。

例

下記のリンクでこのページを別の外装で表示することができます。
種類	拡張子	例
Portable Document Format	.pdf .PDF, .pdf# .PDF# .pdf? .PDF?	https://example.org/test.pdf
Audio Video Interleave	.avi .AVI	https://example.org/test.avi
MPEG-1	.mpg .MPG .mpeg .MPEG	https://example.org/test.mpg
Ogg	.ogm .OGM	https://example.org/test.ogm
MIDI	.MID .midi .MID	https://example.org/test.mid
MP3	.MP3	https://example.org/test.mp3
Ogg Vorbis	.OGG	https://example.org/test.ogg
Waveform Audio File Format	.WAV*	https://example.org/test.wav
Windows Media Audio	.wma .WMA	https://example.org/test.wma
種類	URIスキーム	例
Internet Relay Chat	irc:// ircs://	irc://example.org
File Transfer Protocol	ftp://	ftp://example.org
Network News Transfer Protocol	news:	news:example.org
mailto	mailto:	mailto:example@example.org
HTTPS	https://	https://example.org/test.html
Apache Subversion	svn://	svn://example.org/
ビットコイン	bitcoin://	bitcoin:1BitQEtcoxAnViwUYX9k6KupmmsEfWrGnr
FTPS	ftps://	ftps://example.org/
Geo URI（RFC 5870日本語訳）	geo:	geo:37.786971,-122.399677
Git	git://	git://example.org/
Gopher	gopher://	gopher://example.org
Hypertext Transfer Protocol	http://	http://example.org
Magnet URI scheme	magnet://	（書きかけ）
Multimedia Messaging Service	mms://	mms://example.org/
NASA World Wind	worldwind://	worldwind://example.org/
Network News Transfer Protocol	nntp://	nntp://example.org/
Secure Shell	ssh://	ssh://example.org/
Secure Session Initiation Protocol	sips://	sips://example.org/
Session Initiation Protocol	sip://	sip://example.org/
Short Message Service	sms://	sms://example.org/
SSH File Transfer Protocol	sftp://	sftp://example.org/
電話（参考：電話番号）	tel://	tel://example.org/ tel:1
Telnet	telnet://	telnet://example.org/
Uniform Resource Name	urn:	urn:isbn:0451450523
Extensible Messaging and Presence Protocol	xmpp://	xmpp://example.org/

外部リンクアイコンを隠す

plainlinksクラスを使用することで外部リンクアイコンを隠すことができますが、非推奨となっています。

<span class="plainlinks">http://example.org/test.pdf</span>

カスタム外部リンクアイコン

特別:利用者ページ/skin.css（設定で選ばれた外装にのみ適用）または特別:利用者ページ/common.css（全ての外装に適用）を編集することで、カスタムの外部リンクアイコンを指定することができます。例えば、表計算ソフト Microsoft Excel形式のファイルで使われる拡張子で終わるURLにアイコン([1]/File:Page white excel.png)を追加したい場合、下記のCSSを追加してください。

#content a[href$=".xls"].external,
#content a[href$=".XLS"].external,
#content a[href$=".xlsx"].external,
#content a[href$=".XLSX"].external {
    background: url("https://upload.wikimedia.org/wikipedia/commons/b/ba/Page_white_excel.png") center right no-repeat; padding-right: 18px;
}

CSSが正しく編集・認識され、再読込すると、例えば下記URL表記の後ろの外部リンクのアイコンがそれに変わります。

https://example.org/test.xls

上記のCSS断片はすべて小文字の.xls、.xlsxおよびそれらの英字を大文字にした拡張子を検出します。カスタム外部リンクアイコンは必ず横幅16ピクセルでなければならず、SVGを使用することができません。また、必ず https://upload.wikimedia.org にあるファイルでなければなりません。ファイルのリンクを生成するにはファイルページで画像を開いた後、URLをコピーしてください。

既定のアイコンを除去する場合、CSSで除去するURLを指定することでできます。例えば、httpsのリンクから南京錠アイコンを除去したい場合は下記のように指定します。

div#content a[href ^="https://"].external {
    background: center right no-repeat; padding-right: 18px;
}

既定のアイコンを全て除去する場合、下記のように指定します。

div#content a.external {
    background:none !important;
    padding: 0px !important;
}

関連項目

• Wikipedia:外部リンク