TiddlyWikiの「SelectThemePlugin」導入手順 : PamGau

TiddlySpot.com の中の Theme変更可能なデモページを見ていると、(特に WordPress ユーザには)お馴染みのデザインテーマ"Kubrick"の TiddlyWiki 版を目にしました。

試しに導入してみようと思いましたが、「SelectThemePlugin」が導入されていることを前提とするなど、ちょっと手間がかかりました (動作例)。

説明が英語ということもあって、メモを兼ねてまとめてみます。

ローカルPC上で使用しているTiddlyWikiのデザインテーマを"Kubrick"に変更する。

尚、「SelectThemePlugin」導入後はいつでも元のデザインテーマに戻すことができます。

対象となるTiddlyWikiが、Rev2 以降でないと「SelectThemePlugin」は正しく動作しません。Rev1 以前の方は最新版(今日現在はRev2.0.11)に更新します。[TiddlyWikiのススメ参照]

説明の便宜上、基本的には該当個所(例えば SideBarOptions )がデフォルトであるとします。既にアレンジされている方は注意が必要です。

ブラウザで自分の TiddlyWiki の"new tiddler"を開きます。
ブラウザの別ウィンドウ(タブ)で「Lewcid TW」の"SelectThemePlugin" Tiddlerを開きます。
上の"SelectThemePlugin" Tiddler の edit リンクをクリックして、各項目(タイトル・本文・タグ)をコピーし、自分の TiddlyWiki の"new tiddler"にペーストした後、保存します。

右メニューにTheme切り替え用リンクを追加します。

自分の TiddlyWiki の右メニューの"All"タブをクリックし、"SideBarOptions"という Tiddlerがあるかどうかを確認します。
デフォルトの状態ならば、存在しないはずなので、"new tiddler"をクリックし、"SideBarOptions"というタイトルのTiddlerを作成します。
以下のコードを本文部分にコピー・ペーストした後、保存します。
<<search>><<closeAll>><<permaview>><<newTiddler>><<newJournal 'YYYY/MM/DD'>><<saveChanges>><<themeSelect style 'select theme'>><<slider chkSliderOptionsPanel OptionsPanel 'options »' 'Change TiddlyWiki advanced options'>>

ブラウザで自分の TiddlyWiki の"new tiddler"を開きます。
ブラウザの別ウィンドウ(タブ)で KubrickTheme Tiddler を開きます。
上のKubrickTheme Tiddler の edit リンクをクリックして、各項目(タイトル・本文・タグ)をコピーし、自分の TiddlyWiki の"new tiddler"にペーストした後、保存します。

自分の TiddlyWiki をリロードすると、右メニューに "select theme" という項目が現れ、ドロップダウン形式でThemeが選択できるはずです。

他のデザインテーマは下記のTiddlerで公開していただいています。

「SelectThemePlugin」導入後は、KubrickThemeと同じ要領で自分のTiddlyWikiにコピーすれば、各Themeがドロップダウンメニュー中に取り込まれます。

ヘッポコティドラー posted at 2006/08/18 23:31: Kubrickいいですね！
さっそくパクらせ・・もとい参考にMy theme作ろっと。
カスタマイズ楽しーっす！（手段が目的化気味；＞＜）

英語が駄目な僕にとってkyorecobaさんの記事はとても参考になります。感謝ー。
kyorecoba posted at 2006/08/19 00:11: どうもです。
私などはThemeを作る気力がありません。
とはいえ、tiddlyspotだと公開されているので少しはやる気になるかもしれません。
頑張ってくださいませ。
またなにかあればどうぞ…。

ご注意: 当分の間、JavaScript が有効でないとコメント投稿できないようにします。スパム対策であって、投稿される方の個人情報を取得する目的ではありません。悪しからずご了承ください。

TiddlyWikiの「SelectThemePlugin」導入手順