「テンプレート・トーク:Navbox subgroup」の版間の差分

提供: スーパーロボット大戦Wiki
ナビゲーションに移動 検索に移動
21行目: 21行目:
 
=== common.css、common.jsの設定 ===
 
=== common.css、common.jsの設定 ===
 
[[MediaWiki:Common.css]]にWikipedia日本語版の[[Wikipedia:ja:MediaWiki:Common.css|MediaWiki:Common.css]]の内容をコピーする。同様に、[[MediaWiki:Common.js]]にWikipedia日本語版の[[Wikipedia:ja:MediaWiki:Common.js|MediaWiki:Common.js]]の内容をコピーする。
 
[[MediaWiki:Common.css]]にWikipedia日本語版の[[Wikipedia:ja:MediaWiki:Common.css|MediaWiki:Common.css]]の内容をコピーする。同様に、[[MediaWiki:Common.js]]にWikipedia日本語版の[[Wikipedia:ja:MediaWiki:Common.js|MediaWiki:Common.js]]の内容をコピーする。
 +
 +
== デザインの変更 ==
 +
 +
Navbox系のテンプレートは複雑さから構成の変更は難しいですが、色の変更は[[MediaWiki:Common.css]]の編集により容易に行えます。例えば、以下のように該当箇所を変更すると、オレンジ系の配色になります。
 +
 +
<pre>(/* default skin for navigation boxes */
 +
/*    navbox container style */ 周辺)
 +
 +
/*    Level 1 color */
 +
.navbox-title,
 +
table.navbox th {
 +
    background: #ffaa66;
 +
}
 +
 +
/*    Level 2 color */
 +
.navbox-abovebelow,
 +
.navbox-group,
 +
.navbox-subgroup .navbox-title {
 +
    background: #ffddaa;
 +
}
 +
 +
/*    Level 3 color */
 +
.navbox-subgroup .navbox-group,
 +
.navbox-subgroup .navbox-abovebelow {
 +
    background: #ffeebb;
 +
}</pre>

2012年6月1日 (金) 22:57時点における版

導入法

ローカルサーバーでテストしたところ、以下の手順で導入することができました。以下の手順で設定を行い、テンプレートページがWikipediaと同様に表示されれば大丈夫だと思います。--ocha 2012年6月1日 (金) 22:46 (JST)

HTML Tidyのインストール

Linuxの場合、

  1. GNU AutoConf、AutoMake、LibToolをインストールしておく。
  2. http://tidy.cvs.sourceforge.net/viewvc/tidy/tidy/?view=tar からHTML Tidyをダウンロードする。
  3. 適当なディレクトリでアーカイブを展開する。
  4. (展開したディレクトリ)/tidy/に移動し、
    % sh build/gnuauto/setup.sh
    を実行する。
  5. 上記スクリプトが成功したら、
    % ./configure --prefix=/usr
    % make
    % sudo make install
    を実行し、インストールを行う。

MediaWikiの設定

LocalSettings.phpに以下を追加する。

$wgUseTidy = true;

common.css、common.jsの設定

MediaWiki:Common.cssにWikipedia日本語版のMediaWiki:Common.cssの内容をコピーする。同様に、MediaWiki:Common.jsにWikipedia日本語版のMediaWiki:Common.jsの内容をコピーする。

デザインの変更

Navbox系のテンプレートは複雑さから構成の変更は難しいですが、色の変更はMediaWiki:Common.cssの編集により容易に行えます。例えば、以下のように該当箇所を変更すると、オレンジ系の配色になります。

(/* default skin for navigation boxes */
/*     navbox container style */ 周辺)

/*     Level 1 color */
.navbox-title,
table.navbox th {
    background: #ffaa66;
}
 
/*     Level 2 color */
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
    background: #ffddaa;
}
 
/*     Level 3 color */
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
    background: #ffeebb;
}