Movable Type 備忘録

 ウェブページのテンプレートを切り替える

  • Sep302007
  • Vote:
    http://bizcaz.com/archives/2007/09/30-212302.php
  • Categories: Customize
  • Tags: ,
  • Social Bookmark

こんばんわ^^

土日にかけてサーバのお引越し & テンプレートの整備を行いました。
まだ、過去記事のリンク切れなどがありますが徐々に整備していきます。

その間ご迷惑をおかけしますが、もしリンク切れのご連絡をいただけたなら優先して整備します (m;_ _)mペコ

さて、今回は Movable Type 4 から導入されたウェブページ機能を使ってみました。
ウェブサイトを管理する『ブログ』と『ウェブページ』の使い分け

ようするに、ブログも通常のウェブページも Movable Type で管理してしまおう･･･ということのようですが、実際に使ってみたウェブページは以下の 2 つのページです。

ウェブページ・レビュー

ウェブページのテンプレートは、「アーカイブテンプレート」一覧画面にある「ウェブページ」というテンプレートを使用します。
正直言いまして、あんまり使い勝手の良いものではないかな、とかんじました。
てっきり、異なるデザインのウェブページが作成できるもんだと思ってましたが、使用できるテンプレートは 1 種類のみのようです。残念。

また、コンテンツをブログエントリのように扱えるのが GOOD です。

ブログエントリはカテゴリで管理されますが、ウェブページはフォルダで管理されるようです。
管理画面の「フォルダ一覧」はウェブページ用のフォルダ管理画面だったんですね (;￣∇￣A

ウェブページのテンプレート(デザイン)を目的に応じて変更する

さぁ、こっから本題です。
ウェブページといえど、使えるテンプレートは 1 種類のみです。 でも、ウェブページにもタグやキーワードを使うことができます。

タグを付加するとタグクラウドにも反映されてました。
ですので、タグやキーワードを用いて、使用するテンプレートを明示してあげれば、目的に応じてテンプレートを差し替えることができそうです (￣∇￣)b

タグにはプライベートタグというのが存在します。
エントリ・タグのプライベート・モードについて

このプライベートタグを用いてもいいかも、ですね♪
タグを使用した場合、管理画面の「タグ一覧」でも取り出せるし、タグ検索だって使うことができますね。

また、ウェブページはフォルダで管理されるので、フォルダ名称をキーワードにしてテンプレートを差し替えるってのもありかな (●´∀｀●)

 Trackback Pings(0)

No trackbacks found.

 Comments(8)

#1: Posted by Author Profile Page sinnchan @ September 30, 2007 [REPLY]
user-pic

おばんでございます。

＞ウェブページ
ふむふむ。MT4で新しい機能として取り入れられたのは知ってましたが、内容はそういう事だったんですね。例として紹介されていた内容を見ると、ナビバーから他のページに移る時に使えそうなので、私も試してみたいです。（でもデザインが１個しか使えないのは残念ですね・・・（難））

あ、ところでいつの間にか、「ＭＴ４」のロゴの隣に「ＭＴ忘」のロゴが設置されてますけど、テンプレを使わせていただいてる私のBlogでも設置してよろしいんでしょうか？。
また後で教えてください。

 
#2: Posted by Author Profile Page id:bzbell @ September 30, 2007 [REPLY]
user-pic

>>1 sinnchan さん

こんばんわ^^

> 例として紹介されていた内容を見ると、ナビバーから他のページに移る時に使えそうなので、私も試してみたいです。

ですね。用途としては静的ページ(あまり更新しないようなページ)向きなんだそうですよ。
ウェブページを追加しても、メインページには表示されないので使いようですね♪

> テンプレを使わせていただいてる私のBlogでも設置してよろしいんでしょうか？。

はい。ぜんぜん OK ですよ (●＞∀＜●)／

  1. イメージファイルをダウンロードします。
  2. ダウンロードしたイメージファイルを mt/mt-static/images/mt4-memo-pbmt-white.png にアップロードします。
  3. サイドバー(2カラム)、サイドバー(3カラム)のテンプレート内の 276 行目あたりのタグを真似して追加します。
  4. 最後にすべてを再構築すれば OK です (●´∀｀●)

sinnchan さんのお好みの色があるのであれば、言っていただければお作りします♪

 
#3: Posted by Author Profile Page オサーン @ October 1, 2007 [REPLY]
user-pic

いつもお世話になっております。いくつかの記事参考にさせてもらっています。
ウチはウェブページに rss でニュース取り込んで、放りっぱなしにｼﾃﾏｽ(^^;

後、ヘッダーなどのデザインだけ統一したかったので、ホントはＭＴタグでできるとは思うんですがちょいとめんどくさかったんで、Ｍｏｖａｂｌｅｔｙｐｅ上から一度作ってローカルに保存して、Ｍｏｖａｂｌｅｔｙｐｅ上では削除し、ローカルからアップして、「テンプレート変えても影響なしよ」なページも作ってます。ではでは

 
#4: Posted by Author Profile Page bzbell @ October 1, 2007 [REPLY]
user-pic

>>3 オサーン さん

こんばんわ^^

> ウチはウェブページに rss でニュース取り込んで、放りっぱなしにｼﾃﾏｽ(^^;

わたしも訪問者さんのサイトの RSS 読込んで表示してみよっかな (●´∀｀●)

> Ｍｏｖａｂｌｅｔｙｐｅ上から一度作ってローカルに保存して、Ｍｏｖａｂｌｅｔｙｐｅ上では削除し、ローカルからアップして、「テンプレート変えても影響なしよ」なページも作ってます。

どうせなら、MT ですべてを管理させたいとこですよね。
チョビッと工夫してみます (￣∇￣)/

 
#5: Posted by koron @ December 3, 2007 [REPLY]
user-pic

はじめまして、
movabletypeの初心者koronと申します。
いつも参考にさせて頂いております。

突然で申し訳ないのですが、最近MT4.01を導入し、
いくつかウェブページを作成しています。

こちらのタイトルのように、ウェブページごとにデザイン(テンプレート)を違うものにしていきたいのですが、

「タグやキーワードを用いて、使用するテンプレートを明示してあげれば、目的に応じてテンプレートを差し替えることができる。」

というやり方がどうしてもわかりません。。

色々検索しサイトを飛んでいるんですが。。

突然で図々しいお願い申し訳ございませんが、
何卒ご指導ご鞭撻宜しくお願いします。

 
#6: Posted by Author Profile Page bzbell @ December 4, 2007 [REPLY]
user-pic

>>5 koron さん

こんばんわ^^

> 突然で図々しいお願い申し訳ございませんが、
> 何卒ご指導ご鞭撻宜しくお願いします。

はい。
たとえば、ウェブページ編集画面に「キーワード」という入力欄があります。

この入力欄を利用して、'Type A'、'Type B' てなかんじで入力しておきます。
そして、ウェブページ・テンプレート中に、このキーワードに合った CSS もしくは、テンプレート自体を切り替えることができると思います。

具体的には <$MTPageKeyWords$> というタグを利用します。 

▼ウェブページで設定されてるキーワードを取得します▼
<MTSetVarBlock name="keywords"><$MTPageKeyWords$></MTSetVarBlock>
<MTIf name='$keywords' eq='Type A'>
▼キーワード＝'Type A'の場合、template_A という変数を定義します▼
<MTSetVar name="template_A" value="1">
<MTElse>
▼キーワード＝'Type A'以外の場合、template_B という変数を定義します▼
<MTSetVar name="template_B" value="1">
</MTIf>

ウェブページ・テンプレート内で上記のように記述して、ヘッダー・テンプレートモジュール内で以下のように分岐させれば可能かと。 

▼template_A 変数が定義されてるかチェックします▼
<MTIf name='template_A'>
▼template_A 変数が定義されてる場合、template_A 用の CSS を出力します▼
<link rel="stylesheet" href="/css/type_a.css" type="text/css" />
</MTIf>
▼template_B 変数が定義されてるかチェックします▼
<MTIf name='template_B'>
▼template_B 変数が定義されてる場合、template_B 用の CSS を出力します▼
<link rel="stylesheet" href="/css/type_b.css" type="text/css" />
</MTIf>

お時間いただけるなら、週末にでもサンプルをお作りして記事にてご紹介しますよ (￣∇￣)b

 
#7: Posted by koron @ December 4, 2007 [REPLY]
user-pic

ご丁寧に本当にありがとうございます!
そのようにするのですね、なるほど～☆

もし宜しければ全然待ちますので、
サンプル記事期待しています!

本当にありがとうございました!

 
#8: Posted by Author Profile Page bzbell @ December 4, 2007 [REPLY]
user-pic

>>7 koron さん

こんばんわ^^

> そのようにするのですね、なるほど～☆

はい。これはウェブページに限らず、エントリページでも同様のことができると思います (￣∇￣)b

> もし宜しければ全然待ちますので、
> サンプル記事期待しています!

はい。後日ご連絡します (m;_ _)mペコ

 

 Post a Comment

 

コメント用フィード