Ajax Webアプリケーション奮闘記 〜関西温泉マップ〜

Ajax Webアプリケーション作成にあたり、技術的メモや奮闘内容、未解決問題等を掲載していきます。 もちろん、関西温泉マップはβ版なので無料でご利用いただけます。


私おすすめのレンタルサーバー | ここが便利！レノボWeb広告限定ストア

テンプレート編集：サイドバーにカレンダーを追加してみる

Movable Type４で、テンプレートのサイドバーにカレンダーを追加する方法について。

このやり方が正しいかどうかわからないが、
MOVABLE TYPEのヘルプには、具体的な手順で書かれてなかったので、メモしておく。

ヴァージョン3の時は、HtmlファイルやCssファイルを直に触って、テンプレートの編集を行っていたが、ヴァージョン4ではUI操作で編集が可能なようで、テンプレートに傷を付ける心配が少ない。

ただ、最初だけ、テンプレートのファイルを触る必要がある。
(注意)AjaxなUIの為、Operaだと正しく動作してくないかも。

1.追加項目の選択
MT4ではブログに必要なパーツがあらかじめいくつか用意されている。
その用意されているパーツを選択する為、図1-1のようにウィジェットセットをクリック。図1-2が表示される

MT4：ウィジェットセット

-図1-1-

デフォルトでは図1-2で、「First Widget Manager」のみが表示されている。それをクリックすると、図1-3が表示される。

MT4：ウィジェット選択

-図1-2：ウィジェットセット-

図1-3で、表示させたい項目を「利用可能」項目から「インストール済み」項目へドラッグ＆ドロップさせることで編集可能だ。
デフォルトでは、すべてが「インストール済み」に存在するので、特に触る必要は内が、全部は多いので、図1-3のように「カレンダー」を含め間引いた。

MT4：ウェジェット編集

-図1-3：ウィジェットセットの編集-

図1-4に示すように、ここで編集したウィジェットセットの名前を覚えておく。

MT4：ウィジェットの名前

-図1-4：ウィジェットセットの編集（名前）-

2.ウィジェットの反映
編集しウィジェットをブログに表示させる手順を行う。
[デザイン]-[テンプレート]を選択。
図2-1に示すように、
�．謄鵐廛譟璽肇皀献紂璽襪鬟�リック
�▲汽ぅ疋弌爾鬟�リック

MT4：サイドバーに反映させる為に

-図2-1：サイドバーに反映させる-

ここで、テンプレートファイルが登場し、直に触ることとなる。図2-2
参照。ここでは、好きな場所に、以下のコードを埋める。
※この書き方も参考程度で・・。

MT4：テンプレート修正

-図2-2：サイドバーに反映させる-

【コード】


<$MTWidgetSet name="First Widget Manager"$>



ただ、nameには、先ほどのウィジェット名を入れることをお忘れなく。
これで、[保存]ボタンを押下し、再構築を行う。図2-2参照。

MT4：再構築

-図2-2：再構築ボタン-

無料ホームページ アフィリエイト レンタルサーバー FC2ブログ 一戸建て