Movable Type 備忘録

 

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

こんばんわ^^

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

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

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

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

ウェブページ・レビュー

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

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

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

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

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

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

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

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

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

 Trackback Pings(0)

No trackbacks found.

 Comments(8)

#1: Posted by sinnchan Author Profile Page [RES]

おばんでございます。

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

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

#2: Posted by id:bzbell Author Profile Page [RES]

>>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 [RES]

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

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

#4: Posted by bzbell Author Profile Page [RES]

>>3 オサーン さん

こんばんわ^^

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

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

> Movabletype上から一度作ってローカルに保存して、Movabletype上では削除し、ローカルからアップして、「テンプレート変えても影響なしよ」なページも作ってます。

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

#5: Posted by koron [RES]

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

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

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

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

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

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

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

#6: Posted by bzbell Author Profile Page [RES]

>>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 [RES]

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

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

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

#8: Posted by bzbell Author Profile Page [RES]

>>7 koron さん

こんばんわ^^

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

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

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

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

 Post a Comment

コメント用フィード