MediaWikiのCSSとJavaScript

MediaWikiでは、MediaWiki:Common.cssやMediaWiki:Common.jsというページを作成することで、wiki全体の見た目を変更することができます。 このCSSやJavaScriptはwikipediaで精錬されたものが既にありますので、MediaWiki:Common.cssとMediaWiki:Common.jsから直接コピー＆ペーストするといいでしょう。

[編集] 参考情報

• ここに記入された文字列は自動的に整形済みテキスト（pre）で表示されます。
• コードが着色されているのは、SyntaxHighlight GeSHiを使っているからです。必ず入れる必要はありませんが、気になる方は入れるといいでしょう。
• MediaWiki:Common.cssやMediaWiki:Common.jsは、MediaWikiで運営されているwikiの特徴がよく反映されています。例えば、ja.wikipediaとen.wikipediaとでは全く違う内容になりますし、wikimedia project全体で見ても異なるのです。
  • 何かしら図書館には、datatableというテーブル用のcssが用意されていますが、これはWikipediaにはありません。

[編集] 使い道

以下に書かれているCSSは、既にWikipediaで採用されているものです。

[編集] テーブル

Wikipediaでの表組みで使われるwikitableは、MediaWiki:Common.cssに記入されているので、ここからコピー＆ペーストしないと期待通りの表示をしてくれません。

/* wikitable/prettytable class for skinning normal tables */
table.wikitable,
table.prettytable {
    background: #f9f9f9;
    border: 1px solid #aaa;
    border-collapse: collapse;
}
 
table.wikitable th,
table.wikitable td,
table.prettytable th,
table.prettytable td {
    border: 1px solid #aaa;
    padding: 0.2em;
}
 
table.wikitable th,
table.prettytable th {
    background: #f2f2f2;
    text-align: center;
}
 
table.wikitable caption,
table.prettytable caption {
    margin-left: inherit;
    margin-right: inherit;
}

[編集] メインページのタイトルを非表示に

/* Don't display page title on the main page */
body.page-メインページ #siteSub,
body.page-メインページ .subtitle,
body.page-メインページ h1.firstHeading,
body.page-メインページ h1.pagetitle {
    display: none;
}

[編集] スキンごとで使い分ける=

Commonはwiki全体の表示を規定しますが、スキンごとでも表示を規定することができます。 たとえば、現在Wikipediaの標準スキンであるmonobookは、そのスキンを基調にしつつMediaWiki:Monobook.cssで更に手を加える（上書きする）ことができます。

もちろんのことですが、スキンそれぞれにこの名前空間が用意されているので、何かしら図書館ではMediaWiki:Modern.*を使うことができます。

[編集] 利用者によるカスタマイズ

MediaWikiのアカウントを持っている人は、個別で自由にCSSやJavaScriptを使用することができます。しかし、これはLocalSettings.phpにあらかじめ設定しておかなければなりません。使用するためには、$wgAllowUserCssや$wgAllowUserJsをtrueにしてください。