MTテンプレート大分解（１）ウェブサイト・インデックステンプレート

MTページ作成にあたり、やっぱり基本のテンプレートが勉強の素材になるので、それを分解して自分の知識の確認、果ては備忘録にしてしまおうかと。そんな記事を何回か分からないけれど書いてみようと思います。知識不足、また表現力の不足で不明なところが多々あるかと思いますが、ブログを通じてご指摘、ご指導していただければ幸いです。



まずはMTをインストール（この情報はまた後日）して、デフォルトのサイト、ブログが出来上がったことにして、以下はその後の話し。


　構成としては

• ウェブサイトをトップページにする。
• ブログをウェブサイト内のカテゴリとして考える。
• 利用するのは、プロフェッショナルテンプレート。

としました。ウェブサイトは、トップページ＋基本情報ページ（会社概要、FAQ、お問い合わせなど）と考えて良いかと。ブログは、これから追加していく情報を追加していくページというイメージです。

１．ウェブサイト・インデックステンプレート

ログインし、作成したウェブサイト名をクリックして開くと、下記のように管理ページへ移動する。これから、メインページを開く。

ウェブサイトテンプレートの管理画面

２．メインページのイメージ

MT・プロフェッショナルスタイルで作成したサイトイメージ

　３．メインページテンプレートのタグ

<$mt:Var name="page_layout" value="layout-wm"$>

<mt:SetVarBlock name="html_head">
    <link rel="EditURI" type="application/rsd+xml" title="RSD" href="<$mt:Link template="rsd"$>" />
</mt:SetVarBlock>
<mt:SetVarBlock name="title"><$mt:BlogName encode_html="1"$></mt:SetVarBlock>

<$mt:Include module="ヘッダー" body_class="mt-main-index"$>

<mt:Pages tag="@home" lastn="1">
<h1 id="page-title" class="asset-name"><$mt:PageTitle$></h1>
<$mt:PageBody$>
</mt:Pages>

<$mt:Include module="フッター"$>




　み、見ると固まるなー（＾＾；

　まあ、ホームページにしても何しても基本的な構成があり、ホームページだと大きく分けると、ヘッダー部、メイン部（サイド部、メイン部とも）、フッター部になる。なので、ここだけに注目すると、とりあえずここの部分がページを構成する部分になる。




<$mt:Include module="ヘッダー" body_class="mt-main-index"$>

<mt:Pages tag="@home" lastn="1">
<h1 id="page-title" class="asset-name"><$mt:PageTitle$></h1>
<$mt:PageBody$>
</mt:Pages>

<$mt:Include module="フッター"$>




　とりあえず、ここでは、「ヘッダー」「フッター」という部品（テンプレートモジュールと言います）を呼び出して、その間にメイン部があると分かるかと思います。


　ぶっちゃけ、ここを　<$mt:Include module="メイン"$> 　とかにしたらとってもシンプルで分かりやすいのにー＾＾。

　ま、そうして無いのはこの「プロフェッショナルスタイル」は、どちらかといえば企業・会社向けの感じで使えるようになっているからだと思います。企業のページのトップページには、記事がずらずらと並んでいるのではなく、基本情報からオススメ情報からお客様が必要とする情報を並べていることがほとんど。ブログのスタイルとは異なるんですね。

　逆に、ここにずらずらと情報を記載していないのは、なるべく構成する部分と中身の部分を分けたいからだと思うんですね。なので、ここの内容は別のところから呼び出すようにしてあります。通常のブログスタイルでは、ここに更新されたブログ記事がずらずらと並ぶので、そのためのタグが記載されますが、ここではそれに触れません。



<mt:Pages tag="@home" lastn="1">

　→　@home　がタグ付けされたページを読み込んでね

<h1 id="page-title" class="asset-name"><$mt:PageTitle$></h1>
<$mt:PageBody$>

　→　そのページのタイトルと本文を読み込んでね。

</mt:Pages>

　

　ここでいきなり、@home　がタグ付けされたページというのが出て来ましたが、これはページを読み込むためのお約束みたいなもので、@をつけて隠しタグにしてあり、通常記事に付与するタグの一覧には表示されません。

　そのページは下記のところから確認することができます。

ウェブページの管理画面

　ページの中身は下記の通り。

ウェブページの編集画面

　次回は、記載しなかった残りの上部について説明します♪＾＾

Macエディタ CotEditor（無料）

Macユーザーになって困ったのは、適当なテキストエディターが見つからなかったこと。Winでは、秀丸という秀逸なテキストエディタを愛用していたけれど、Macではそれに変わるものを探す日々でした。

ふとしたことから、Twitter友達でMac使いの方にお尋ねしたらこのエディタを紹介してくれました。嬉しいFree♪

秀丸ほど高機能ではないですが、通常使用する分には全く申し分ないアプリ。Macを利用し始めたら、ぜひ一度利用されることをオススメします♪


CotEditor

MTで同じパーツを使いまわすために覚えること

MTのテンプレートを触っていると、色々と覚えないといけないこともあったり、実現したいことができたりできなかったり＾＾

MTに用意されているWidgetなどを苦労することなく流用したいことがよくある。ただ、Widgetって、Divタグでくくられていて、idやclassなどが固定化されている。よくわからないとこのWidgetをコピーして、ID名を変更して複数保存していたが、あとで変更が入ったときの手間が大変＞＜。　これは変数を使うと簡単に解決できる。

例えば、


<mt:IfArchiveTypeEnabled archive_type="Category">
<mt:if tag="BlogCategoryCount">
<div id="archives" class="widget-archive widget-archive-category widget">
    <h3 class="widget-header">カテゴリ</h3>
    <div class="widget-content">
    <mt:TopLevelCategories>
        <mt:SubCatIsFirst>
        <ul>
        </mt:SubCatIsFirst>
        <mt:If tag="CategoryCount">
            <li><a href="<$mt:CategoryArchiveLink$>"<mt:If tag="CategoryDescription"> title="<$mt:CategoryDescription remove_html="1" encode_html="1"$>"</mt:If>><$mt:CategoryLabel$> (<$mt:CategoryCount$>)</a>
        <mt:Else>
            <li><$mt:CategoryLabel$>
        </mt:If>
        <$mt:SubCatsRecurse$>
            </li>
        <mt:SubCatIsLast>
        </ul>
        </mt:SubCatIsLast>
    </mt:TopLevelCategories>
    </div>
</div>
</mt:if>
</mt:IfArchiveTypeEnabled>


この３行目のid="archive"をトップページとその他のページで使い分けたい場合、ここに変数名をいれることで対応できる。


<mt:IfArchiveTypeEnabled archive_type="Category">
<mt:if tag="BlogCategoryCount">
<div id="<$mt:Var name="page_id"$>" class="widget-archive widget-archive-category widget">
    <h3 class="widget-header">カテゴリ</h3>
    <div class="widget-content">
    <mt:TopLevelCategories>
        <mt:SubCatIsFirst>
        <ul>
        </mt:SubCatIsFirst>
        <mt:If tag="CategoryCount">
            <li><a href="<$mt:CategoryArchiveLink$>"<mt:If tag="CategoryDescription"> title="<$mt:CategoryDescription remove_html="1" encode_html="1"$>"</mt:If>><$mt:CategoryLabel$> (<$mt:CategoryCount$>)</a>
        <mt:Else>
            <li><$mt:CategoryLabel$>
        </mt:If>
        <$mt:SubCatsRecurse$>
            </li>
        <mt:SubCatIsLast>
        </ul>
        </mt:SubCatIsLast>
    </mt:TopLevelCategories>
    </div>
</div>
</mt:if>
</mt:IfArchiveTypeEnabled>


で、変数の設定は、呼び出すテンプレートの上部に記入しておく。
ここでは、変数名を　page_id　としている。interviews_top_category が作成したいID名

<mt:SetVarBlock name="page_id">interviews_top_category</mt:SetVarBlock>

Excelで文字列を数値に変換するValue関数

使わないと忘れる＾＾

Excelで文字列を数値に変換する関数　Value関数。

例：value (セル値）


ほんま、自分が情けない・・・

Macでファイル名一覧を取得する

一番てっとり早いのはコピペね♪

1. Finderから取得したいディレクトリーを表示させる
2. 全選択してコピー
3. メモアプリにペースト