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

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

導入法[ソースを編集]

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

HTML Tidyのインストール[ソースを編集]

Linuxの場合、

GNU AutoConf、AutoMake、LibToolをインストールしておく。
http://tidy.cvs.sourceforge.net/viewvc/tidy/tidy/?view=tar からHTML Tidyをダウンロードする。
適当なディレクトリでアーカイブを展開する。
（展開したディレクトリ）/tidy/に移動し、
```
% sh build/gnuauto/setup.sh
```
を実行する。
上記スクリプトが成功したら、
```
% ./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の編集により容易に行えます。例えば、以下のように該当箇所を変更すると、オレンジ系の配色になります。--ocha 2012年6月1日 (金) 22:57 (JST)

（/* 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;
}

@@ 1行目: / 1行目: @@
-== 概要 ==
+== 導入法 ==
+ローカルサーバーでテストしたところ、以下の手順で導入することができました。以下の手順で設定を行い、[[テンプレート:Navbox_subgroup|テンプレートページ]]がWikipediaと同様に表示されれば大丈夫だと思います。--[[利用者:Ochaochaocha3|ocha]] 2012年6月1日 (金) 22:46 (JST)
-以下の図に示すように、
+=== HTML Tidyのインストール ===
-*比較的短く単純なコードで、サブグループを持つナビゲーション用テンプレートを作ることができます。
+Linuxの場合、
-*色などのデザインは、[[MediaWiki:Common.css]]で一括して設定することができます。
+<ol>
-[http://www.li-sa.net/ocha3/img/navbox_subgroup_example.png 図：navbox_subgroup_example.png]
+<li>GNU AutoConf、AutoMake、LibToolをインストールしておく。</li>
+<li>http://tidy.cvs.sourceforge.net/viewvc/tidy/tidy/?view=tar からHTML Tidyをダウンロードする。</li>
+<li>適当なディレクトリでアーカイブを展開する。</li>
+<li>（展開したディレクトリ）/tidy/に移動し、<pre>% sh build/gnuauto/setup.sh</pre>を実行する。</li>
+<li>上記スクリプトが成功したら、<pre>% ./configure --prefix=/usr
+% make
+% sudo make install</pre>を実行し、インストールを行う。</li>
+</ol>
-詳細はWikipedia「[[Wikipedia:ja:Template:Navbox subgroup|Template:Navbox subgroup]]」をご参照ください。
+=== MediaWikiの設定 ===
+LocalSettings.phpに以下を追加する。
+<pre>$wgUseTidy = true;</pre>
+=== 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]]の内容をコピーする。
+== デザインの変更 ==
+Navbox系のテンプレートは複雑さから構成の変更は難しいですが、色の変更は[[MediaWiki:Common.css]]の編集により容易に行えます。例えば、以下のように該当箇所を変更すると、オレンジ系の配色になります。--[[利用者:Ochaochaocha3|ocha]] 2012年6月1日 (金) 22:57 (JST)
+<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>