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

アクティブな議論
(概要)
 
 
(同じ利用者による、間の2版が非表示)
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>

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の編集により容易に行えます。例えば、以下のように該当箇所を変更すると、オレンジ系の配色になります。--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;
}
ページ「Navbox subgroup」に戻る。