1. TOP
  2. Kiraku辞典
  3. メインページ

Help:外装の詳細設定

出典: フリー百科事典『ウィキペディア(Wikipedia)』

  1. 転送 テンプレート:H:h ヘルプ
表示のカスタマイズ

ファイル:Nuvola apps khelpcenter.png 外装の設定
ファイル:Wikimedia Community Logo.svg 外装の詳細設定(メタ)


カスタムCSS

ファイル:User.svg vector.css 個人用
ファイル:Namespace MediaWiki.svg vector.css(話) 全員共通
ファイル:Namespace MediaWiki.svg common.css(話) 全員共通
ファイル:Nuvola apps kpager.svg クラス一覧(英語)


カスタムJS(JS一覧)

ファイル:User.svg vector.js 個人用
ファイル:Namespace MediaWiki.svg vector.js(話) 全員共通
ファイル:Namespace MediaWiki.svg common.js(話) 全員共通
ファイル:Nuvola apps kpager.svg common.js 機能一覧
ファイル:Namespace MediaWiki.svg ガジェット(提案) 選択式
ファイル:Icon tools.svg ウィキ技術部(開発一覧)


ファイル:Mediawiki-logo.png MediaWiki
ファイル:Midori Extension.svg 拡張機能(エクステンション)
ファイル:Icono de traducción.svg 翻訳(translatewiki.net)

外装(がいそう)はMediawikiの機能のひとつで、サイトの閲覧者が違ったデザインでサイトを閲覧できる機能です。スキン(Skin)とも言われます。あなたがもし、ウィキペディアにログインしているのであれば、MediaWikiによって用意された、このユーザースタイルシートの機能を使うことができます。これによって他の利用者の画面に影響を与えることなく、例えば、表示されるリンクの色を変更したり、文字の大きさを変えたりすることができます。また、この機能はブラウザではなく、ウィキペディアのソフトウェアによって提供されるため、(スタイルシートに対応したブラウザがありさえすれば)何時でも何処でも、あなた好みの様式でウィキペディアの記事を読むことができます。

Help:個人設定#外装にも解説があります。

目次

既存の外装を使用する

2011年1月現在、以下の9種類の既存の外装を使用できます。特別:個人設定を開き、「表示」タブで好みの外装を選択して保存することで変更できます。

以下は各スキンでメインページを表示した時のスクリーンショットです。画像の下のリンクをクリックすることで、実際の表示を体験できます。

外装一覧

トラブル

スキンとブラウザの相性によっては個人設定画面へのリンクがきかなくなるケースがあります。そういう場合以下のリンクをクリックすると ベクターに一時的に戻るので、そこで他のスキンを選んで設定を保存してください。

ガジェット

ファイル:Blackskin css.png
スキンを黒地に緑に変更できるガジェット。解説参照。

スキンを黒字に緑に変更できるガジェットがあります。詳細はHelp:スキンを黒地に緑へ変更するをご覧ください。

カスタマイズ

より細かい設定を行うには、自分でCSSを編集する必要があります。あなたのためのウィキペディアのユーザースタイルシートは、あなたの利用者ページのサブページとして保存されます。あなたがログインしている間、ウィキペディアのソフトウェアはあなたのユーザースタイルシートをブラウザが読み込むべく、あなたが要求した記事のソース・コードに指令を埋め込みます。この動作によって、ウィキペディアの標準的な表示様式がオーバーライドされるのです。

ユーザースタイルシートの機能を使うに際して、あなたが編集すべきサブページの名前は、あなたがウィキペディアのどのスキンを使っているかで異なります。例えば、あなたがウィキペディアの標準スキンである「ベクター」をお使いであれば vector.css、「クラシック」スキンであれば standard.css となります。これらのページへの窓口となるリンクは個人設定の「表示」タブに「カスタムCSS」と書かれて置かれています。あなたがまだ一度もユーザースタイルシートを記述していなければ、このリンクは赤く表示されます。なお、ユーザースタイルシートは他人には編集できないので、悪戯されることはありません。

以下は各外装と関連するファイルへのリンクです。自分専用のカスタマイズしたコードは、下の表の右から2列目(カスタムCSS)のリンク先に保存します。

外装 CSS(全利用者 共通) JS(全利用者 共通) カスタムCSS(自分用) カスタムJS(自分用)
チック MediaWiki:Chick.css MediaWiki:Chick.js 利用者:<利用者名>/chick.css 利用者:<利用者名>/chick.js
クラシック MediaWiki:Standard.css MediaWiki:Standard.js 利用者:<利用者名>/standard.css 利用者:<利用者名>/standard.js
ケルンブルー MediaWiki:Cologneblue.css MediaWiki:Cologneblue.js 利用者:<利用者名>/cologneblue.css 利用者:<利用者名>/cologneblue.js
モダン MediaWiki:Modern.css MediaWiki:Modern.js 利用者:<利用者名>/modern.css 利用者:<利用者名>/modern.js
モノブック MediaWiki:Monobook.css MediaWiki:Common.js 利用者:<利用者名>/monobook.css 利用者:<利用者名>/monobook.js
マイスキン MediaWiki:Myskin.css MediaWiki:Myskin.js 利用者:<利用者名>/myskin.css 利用者:<利用者名>/myskin.js
ノスタルジア MediaWiki:Nostalgia.css MediaWiki:Nostalgia.js 利用者:<利用者名>/nostalgia.css 利用者:<利用者名>/nostalgia.js
シンプル MediaWiki:Simple.css MediaWiki:Simple.js 利用者:<利用者名>/simple.css 利用者:<利用者名>/simple.js
ベクター (初期設定) MediaWiki:Vector.css MediaWiki:Vector.js 利用者:<利用者名>/vector.css 利用者:<利用者名>/vector.js

ユーザースタイルシートはカスケーディング・スタイルシート (CSS) という形式で記述する必要があります。この形式につきましては、そこかしこのウェブサイトで説明されていますのでここで改めて全てを解説することはしませんが、例えば、全ての訪問済みリンクの色を黄色にするには <source lang="css"> a:visited { color: #ffff00 } </source> という記述を挿入します。また、全ての記事の背景を灰色にしたいなら <source lang="css"> body { background-color: #cccccc } </source> となります。/**/で囲われた部分はコメントです。この中に何を書こうとそれはブラウザに無視されます。このユーザースタイルシート記述用のページではウィキペディアの一般的なウィキの書式は使えません。また、機能的には他人のユーザースタイルシートをインポートすることも可能かも知れませんが、仮に可能であってもそれはお奨めできません。編集が終わったら「保存」することをお忘れなく。そして保存したらページ上部の注意書きに従ってブラウザのキャッシュをクリアしましょう。さもないとスタイルが有効になりません。

このユーザースタイルシート記述ページは、見かけ上は他の普通の記事(あるいは、普通のウェブページ)と殆ど変わりませんが、ご安心を。スタイルシートとして他の記事に読み込まれる際には、あたかもCSSファイルであるかの様に出力されます。もし、どうしても「自分のユーザースタイルシート記述ページをCSSファイルとして見たい」という方は、保存されたそのページのURLの後ろに&action=raw&ctype=text/cssと追加してみてください。テキスト入力欄に表示されていた部分だけが出力されているはずです。

ユーザースタイルシート記述ページを変更しても、それがすぐには反映されない場合があります。その場合には読んでいる記事を読み込み直してください。この方法はブラウザによって違うでしょう。もし、どんな方法を使ってもあなたのユーザースタイルシートが反映されない場合には、スタイルシートの記述の仕方が間違っているのかも知れません。目を凝らしてよく見直してみてください。

どのように編集してよいかよく分からないときは、ウィキペディア内で検索することで、他の利用者のCSSを閲覧できます。まずそれを参考に編集していくと良いでしょう。

それでは、ユーザースタイルシートを上手く使って、より快適にあなたのウィキペディア生活をお楽しみくださいませ。

関連項目