Tweeki

提供: きまぐれ手記 Kimagurenote
移動先: 案内検索

Tweeki という MediaWikiSkin(外装)を導入したので、設定の備忘録。 詳しくは公式の解説を参照。

経緯

ここ数年使っていたカスタムSkin(公開されている外装を大幅改造したもの)が、MediaWiki 1.28 への更新に伴い使えなくなってしまったので、他のSkinを探していた

Tweeki では Twitter Bootstrap を採用し、responsive design になっており、端末を選ばず見やすくなっている。

見た目にも、他の MediaWiki Skin にありがちな無駄なナビメニューなどが大胆に省略されている。 一方、既定ではカテゴリなどの一般的に使われている項目も非表示になっている、移動や削除などの管理用メニューが表示されないなど、少々癖もある。

Wikipediaのような多数の一般編集者がいるサイトには向かないだろうが、個人や団体のサイトなど、編集者が特定少数で、多数の一般閲覧者には編集させないサイトで使うには良いと思う。

導入

  1. 公式ホームページのインストール手順(英語)を参照
  2. GitHub からダウンロードし、MediaWiki の skins ディレクトリ下に展開する。git clone でも良いし、GitHub からリリース版 (zip, tar.gz) をダウンロードもできる。
  3. LocalSettings.php を書き換え、下記を追加。
wfLoadSkin( 'Tweeki' );
$wgDefaultSkin = "Tweeki";

設定

LocalSettings.php

設定例。

# Tweeki settings
$wgTweekiSkinHideable[] = 'sidebar-right';
$wgTweekiSkinHideAnon['EDIT'] = true;	# ログインしていない人に編集ボタンを見せない
$wgTweekiSkinHideAnon['EDIT-EXT'] = true;  	# 〃
$wgTweekiSkinFooterIcons = true;	# フッタのアイコン (CreativeCommons, MediaWiki) を表示する
$wgTweekiSkinHideAll['footer-info'] = false;	# フッタの更新日等を表示する

Navigation Sections

Navigational Sections の図にあるように、上下左右の5面に、機能を割り当ててゆく。

※subnav は標準で非表示になっているので、表示する場合は LocalSettings.php に設定の追加が必要。

Footer

Footer の設定例はこちら

How-to

カテゴリを表示する

既定ではカテゴリが非表示になっている。表示する場合は MediaWiki:common.css に下記の設定を追加。

#catlinks { display: block; }

※common.css を書き換えると他のSkinにも有効になる。Tweekiだけで表示したい場合などは、Tweekiのcssファイルを直接書き換える方が良いかもしれない。

カテゴリの表示位置を上方に移動

Tweeki.skin.php を直接書き換え。これを実施する場合、バージョン更新の度に書き換えが必要。 書き換え例: Tweeki.skin.patch (1KB)

--- Tweeki.skin.php.orig	2017-04-13 04:30:51.000000000 +0900
+++ Tweeki.skin.php	2017-06-12 06:56:54.000000000 +0900
@@ -268,6 +268,11 @@
 			<?php if( !$skin->checkEmptiness( 'subnav' ) ) { $skin->renderSubnav( $mainclass ); } ?>
 
 			<div class="row">
+
+				<?php if ( $this->data['catlinks'] ) { ?>
+				<?php $this->html( 'catlinks' ); ?>
+				<?php } ?>
+
 				<div class="<?php echo $mainclass ?>" role="main">
 					<?php $skin->renderContent(); ?>
 				</div>
@@ -834,9 +839,6 @@
 				<?php $this->html( 'printfooter' ); ?>
 				</div>
 				<?php } ?>
-				<?php if ( $this->data['catlinks'] ) { ?>
-				<?php $this->html( 'catlinks' ); ?>
-				<?php } ?>
 				<?php if ( $this->data['dataAfterContent'] ) { ?>
 				<?php $this->html( 'dataAfterContent' ); ?>
 				<?php } ?>

フッタに任意の Powered by アイコンを追加する

LocalSettings.php に下記の設定をする

  • Tweekiのフッタでアイコン表示を有効にする
$wgTweekiSkinFooterIcons = true;
$wgFooterIcons['poweredby']['freebsd'] = array(
	"src" => "/path/to/bannerimage.gif",
	"url" => "http://www.freebsd.org/ja/",
	"alt" => "Powered by FreeBSD",
	"width" => "171", 
	"height" => "64"
);

Bugs

Navigation に外部リンクを設定すると、なぜか INVALID-TITLE:[…] への余計なAタグが生成されてしまう。(下記例)

<a href="INVALID-TITLE:[http://mobile.twitter.com/kimagurenote/media twitter]"
id="n-.5Bhttp:.2F.2Fmobile.twitter.com.2Fkimagurenote.2Fmedia-twitter.5D" class="btn btn-primary btn-block">
<a rel="nofollow" class="external text" href="http://mobile.twitter.com/kimagurenote/media">twitter</a>
</a>

ページの移動、削除といった管理メニューが表示されないので、管理担当者(ログインユーザ)は個人設定で他のSkinを選択しておくなど、他のSkinとの併用が必要。