日曜日コンサルティングのネタ帳でタグ「mt」が付けられているもの

ムーバブルタイプの管理画面で強制的にログアウトが続くような状態になりました。

そこで疑った原因は次の通り…

1. サーバーの混雑／異常
2. ブラウザのキャッシュ／クッキーの問題
3. SQLの不具合
4. MTのバグ

とりあえず、サーバーの混雑状況をチェックしてみました。
日曜日コンサルティングのネタ帳は、コアサーバーを利用しているので、次のWebサイトで確認できます。
http://mainte.coreserver.jp/

混雑や障害がなければ、ブラウザのキャッシュを疑ってみましょう。

firefoxの場合、メニューバーから次の操作でたどり着けます。
ツール＞オプション
新しいウィンドウが開くので、プライバシータグのクッキーとプライバシーを全て削除。

これでも状況が改善されなかったので、SQLを疑いました。

SQLは、ｍｙｐｈｐAdminなるソフトがサーバーにインストールされていることが多いです。
コアサーバーも例に違わず、ｍｙｐｈｐAdminなのでその手順をメモしておきます。

MTのデータベースにアクセス（MTのデータベースは頭文字にmt_と独特の接頭語が付いています）します。
MTのデータベースにアクセスできたら、とりあえず全てのテーブルにチェックを入れて、下の「修復ボタン」を押してみましょ。
画面が切り替わるので、エラーがないか確認してください。（ぼくはエラーがありました…）
エラーがあったテーブルをメモして、MTのデータベースに再アクセスします。
エラーのあったテーブルをチェックして、下の「修復」ボタンを押しましょう。

僕はコレで直りました。

もし、これでも直らなければ、データベースのバックアップと、MTのバックアップをとって、MTを再インストールする羽目になっていました。恐ろしや恐ろしや。

<mt:SetVarBlock name="title"><$mt:BlogName encode_html="1"$></mt:SetVarBlock>

mt:setvarblockで宣言して

<$mt:Var name="title"$>

引っ張りたいページでvarで呼び出す

<MTArchives archive_type="Category">

<MTArchiveList archive_type="Month" lastn="10">
  <MTEntries lastn="10">
    <MTEntriesHeader>
<h3><img src="<mt:BlogUrl />img-home/t-kouhoushi.gif" alt="広報誌" width="94" height="20" />　<$MTCategoryLabel$></h3><address><$MTEntryModifiedDate format="%b %d, %Y %H:%M" language="en"$></address>
<ul>
    </MTEntriesHeader>

<li>
<h4><$MTEntryTitle$></h4>
<p><$MTEntryBody words="80"$>…　　　（<img src="img/link.gif" alt="" width="13" height="12" /><a href="<$MTEntryLink archive_type="Individual"$>" target="kouhoushi">続きを読む</a>）</p>
</li>

    <MTEntriesFooter>
      </ul>
    </MTEntriesFooter>
  </MTEntries>
</MTArchiveList>
</MTArchives>

<MTEntries lastn="1"><MTEntryCategories>
    <a href="<$MTArchiveLink archive_type="Category"$>">最新号の記事一覧</a>
</MTEntryCategories></MTEntries>

<MTPages id="56">
<$MTPageBody templatize="all"$>
</MTPages>

説明不要かな。

ＷｅｂページのIDは「ログ」画面で確認可能

<div id="wrap">
<MTIf name="page" eq="home">
<p id="vi"><img src="img-home/v.jpg" alt="***" width="777" height="235" /></p>
<p id="messege"><img src="img-home/messege.gif" alt="***" width="519" height="40" /></p>
<MTElseIf name="page" eq="other">
<MTPages lastn="1">
<p id="vi"><img src="img-home/v-<$MTPageBasename$>.jpg" alt="<$MTPageTitle$>" width="777" height="150px" /></p>
</MTPages>
</MTIf>

<div id="contents">

メインページに
<MTSetVar name="page" value="home">

アーカイブテンプレートのウェブページに
<MTSetVar name="page" value="other">

タグを仕込み、セカンドページ以降のビジュアル画像の名前付けルールをＷｅｂページのファイル名と同じにすればＯＫ。オルトは、ページのタイトルが入ります。
 

もっと効率的な方法がありそうだけど、この方法は結構シンプルで使いやすい　　　　　気がする

メインページに
<MTSetVar name="page" value="home">

アーカイブテンプレートのウェブページに
<MTSetVar name="page" value="other">

仕込んで、各Ｗｅｂページに対応したタグを入れれば、そのページだけ特定のタグを表示させることができます。グループ化したい場合は、グループ化したいＷｅｂページに同じタグを付けてください。

まぁフォルダに分別して、そのフォルダー別にルールを縛るって言う方法もあるけどね

<MTIf name="page" eq="home">
<p id="visual01"><a name="top" id="top"><img src="<mt:BlogUrl />img/top01.gif" alt="" width="900" height="12" /></a></p>
<div id="containerInner">
<p id="visual02"><img src="<mt:BlogUrl />img/top02.jpg" alt="" width="900" height="268" /></p>
<MTElseIf name="page" eq="other">

<MTPageTags>
<MTPageIfTagged tag="carrecycle">
<p id="visual01"><a name="top" id="top">
<img src="<mt:BlogUrl />img/top01.gif" alt="" width="900" height="12" /></a></p>
<div id="containerInner">
<p id="visual02">
<img src="<mt:BlogUrl />img/top02.jpg" alt="" width="900" height="268" /></p>
</MTPageIfTagged>

<MTPageIfTagged tag="carrecycleschool">
<p id="visual01"><a name="top" id="top">
<img src="<mt:BlogUrl />img/top01.gif" alt="" width="900" height="12" /></a></p>
<div id="containerInner">
<p id="visual02">
<img src="<mt:BlogUrl />img/top02.jpg" alt="" width="900" height="268" /></p>
</MTPageIfTagged>

<MTPageIfTagged tag="iso14001">
<p id="visual01"><a name="top" id="top">
<img src="<mt:BlogUrl />img/top01.gif" alt="" width="900" height="12" /></a></p>
<div id="containerInner">
<p id="visual02">
<img src="<mt:BlogUrl />img/top02.jpg" alt="" width="900" height="268" /></p>
</MTPageIfTagged>

<MTPageIfTagged tag="usedparts">
<p id="visual01"><a name="top" id="top">
<img src="<mt:BlogUrl />img/top01.gif" alt="" width="900" height="12" /></a></p>
<div id="containerInner">
<p id="visual02">
<img src="<mt:BlogUrl />img/top02.jpg" alt="" width="900" height="268" /></p>
</MTPageIfTagged>

<MTPageIfTagged tag="kaitori">
<p id="visual01"><a name="top" id="top">
<img src="<mt:BlogUrl />img/top01.gif" alt="" width="900" height="12" /></a></p>
<div id="containerInner">
<p id="visual02">
<img src="<mt:BlogUrl />img/top02.jpg" alt="" width="900" height="268" /></p>
</MTPageIfTagged>

<MTPageIfTagged tag="company">
<p id="visual01"><a name="top" id="top">
<img src="<mt:BlogUrl />img/top01.gif" alt="" width="900" height="12" /></a></p>
<div id="containerInner">
<p id="visual02">
<img src="<mt:BlogUrl />img/top02.jpg" alt="" width="900" height="268" /></p>
</MTPageIfTagged>

<MTPageIfTagged tag="press">
<p id="visual01"><a name="top" id="top">
<img src="<mt:BlogUrl />img/top01.gif" alt="" width="900" height="12" /></a></p>
<div id="containerInner">
<p id="visual02">
<img src="<mt:BlogUrl />img/top02.jpg" alt="" width="900" height="268" /></p>
</MTPageIfTagged>

<MTPageIfTagged tag="faq">
<p id="visual01"><a name="top" id="top">
<img src="<mt:BlogUrl />img/top01.gif" alt="" width="900" height="12" /></a></p>
<div id="containerInner">
<p id="visual02">
<img src="<mt:BlogUrl />img/top02.jpg" alt="" width="900" height="268" /></p>
</MTPageIfTagged>

<MTPageIfTagged tag="map">
<p id="visual01"><a name="top" id="top">
<img src="<mt:BlogUrl />img/top01.gif" alt="" width="900" height="12" /></a></p>
<div id="containerInner">
<p id="visual02">
<img src="<mt:BlogUrl />img/top02.jpg" alt="" width="900" height="268" /></p>
</MTPageIfTagged>

<MTPageIfTagged tag="otoiawase">
<p id="visual01"><a name="top" id="top">
<img src="<mt:BlogUrl />img/top01.gif" alt="" width="900" height="12" /></a></p>
<div id="containerInner">
<p id="visual02">
<img src="<mt:BlogUrl />img/top02.jpg" alt="" width="900" height="268" /></p>
</MTPageIfTagged>

<MTPageIfTagged tag="nagare">
<p id="visual01"><a name="top" id="top">
<img src="<mt:BlogUrl />img/top01.gif" alt="" width="900" height="12" /></a></p>
<div id="containerInner">
<p id="visual02">
<img src="<mt:BlogUrl />img/top02.jpg" alt="" width="900" height="268" /></p>
</MTPageIfTagged>

</MTPageTags>
</MTIf>

<div id="container">
<MTIf name="page" eq="home">
<h1>山形県山形市の島田</h1>
<MTElseIf name="page" eq="other">
<h1><$MTPageExcerpt$></h1>
</MTIf>

メインページに
<MTSetVar name="page" value="home">

アーカイブテンプレートのウェブページに
<MTSetVar name="page" value="other">

タグを仕込んでおくと、表示を切り分けられます。

上記のスクリプトは、画面の一番左上に出現させる（SEO目的の）キーワードをだすスクリプトです。

<$MTPageExcerpt$>はＷｅｂページの概要欄に入力したモノが表示されます。

手順２．５

まずは、再構築ボタンを押して、再構築します。

ＭＴインストール直後は、Ｗｅｂサイトを構築するフォルダが作られていません。

再構築後、ホームページを格納するフォルダができているはずなので、そのなかにＷｅｂサイトで利用する画像をFTPソフトで画像をフォルダにアップロードする。

手順３

ＨＴＭＬヘッダーを作る

おおむね、これだけ知っていればいいだろう。的なタグを寄せ集めてヘッダーを作成しました。
まずはご覧下さい。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<$mt:PublishCharset$>" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="<$mt:Link template="rsd"$>" />
<link rel="alternate" type="application/atom+xml" title="Recent Entries" href="<$mt:Link template="feed_recent"$>" />

<link href="<mt:BlogUrl />tag-format.css" rel="stylesheet" type="text/css" />
<link href="<mt:BlogUrl />common.css" rel="stylesheet" type="text/css" />

<link href="<mt:BlogUrl />initialaize.css" rel="stylesheet" type="text/css" />
<link href="<mt:BlogUrl />common.css" rel="stylesheet" type="text/css" />

<MTIf name="page" eq="home">
<meta name="keywords" content="島田,山形" />
<meta name="description" content="山形の島田です" />
<title>山形の島田ページ</title>
<link href="<mt:BlogUrl />home.css" rel="stylesheet" type="text/css" />
<link rel="alternate stylesheet" type="text/css" href="<mt:BlogUrl />home.css" title="standard" />
<link rel="alternate stylesheet" type="text/css" href="<mt:BlogUrl />home-small.css" title="small" />
<link rel="alternate stylesheet" type="text/css" href="<mt:BlogUrl />home-big.css" title="big" />

<MTElseIf name="page" eq="other">
<meta name="keywords" content="<$MTPageKeywords$>" />
<meta name="description" content="<$MTPageExcerpt$>" />
<title>島田｜<$MTPageTitle$></title>
</MTIf>

<MTIf name="page" eq="home">
<link href="<mt:BlogUrl />home.css" rel="stylesheet" type="text/css" />
<MTElseIf name="page" eq="other">
<MTPageTags>
<MTPageIfTagged tag="column"><link href="<mt:BlogUrl />second.css" rel="stylesheet" type="text/css" /></MTPageIfTagged>
<MTPageIfTagged tag="nocolumn"><link href="<mt:BlogUrl />second02.css" rel="stylesheet" type="text/css" /></MTPageIfTagged>
</MTPageTags>
</MTIf>

<script type="text/javascript" src="<mt:BlogUrl />styleswitcher.js"></script>
<script type="text/javascript" src="<mt:BlogUrl />smartRollover.js"></script>
<link REL="stylesheet" type="text/css" HREF="<mt:BlogUrl />print.css" media="print">

</head>
<body>
<div id="head">
<h1><a href="<mt:BlogUrl />"><img src="<mt:BlogUrl />img-common/home.gif" alt="" width="300" height="28" /></a></h1>

<p><img src="<mt:BlogUrl />img-common/moji-title.gif" alt="文字サイズを変更できます" width="161" height="27" /><a href="javascript:void(0);" onclick="setActiveStyleSheet('big'); return false;"><img src="<mt:BlogUrl />img-common/moji-big.jpg" alt="文字を大サイズにします" width="23" height="27" /></a><a href="javascript:void(0);" onclick="setActiveStyleSheet('standard'); return false;"><img src="<mt:BlogUrl />img-common/moji-mid.jpg" alt="文字を中サイズにします" width="18" height="27" /></a><a href="javascript:void(0);" onclick="setActiveStyleSheet('small'); return false;"><img src="<mt:BlogUrl />img-common/moji-small.jpg" alt="文字を小サイズにします" width="20" height="27" /></a></p>

<ul id="globalnavi">
<li><a href="<mt:BlogUrl />"><img src="<mt:BlogUrl />img-common/01-off.jpg" alt="ホームへ戻る" width="133" height="77"/></a></li>
<li><a href="<mt:BlogUrl />koe.html"><img src="<mt:BlogUrl />img-common/02-off.jpg" alt="お客様の声" width="133" height="77"/></a></li>
<li><a href="<mt:BlogUrl />map.html"><img src="<mt:BlogUrl />img-common/03-off.jpg" alt="周辺地図" width="131" height="77"/></a></li>
<li><a href="<mt:BlogUrl />boshu.html"><img src="<mt:BlogUrl />img-common/04-off.jpg" alt="職員募集" width="132" height="77"/></a></li>
<li><a href="<mt:BlogUrl />vo.html"><img src="<mt:BlogUrl />img-common/05-off.jpg" alt="ボランティア募集" width="133" height="77"/></a></li>
<li><a href="<mt:BlogUrl />shiteki.html"><img src="<mt:BlogUrl />img-common/06-off.jpg" alt="ご指摘ご要望" width="138" height="77" border="0"/></a></li>
</ul>
</div>

解説は、次回にします

手順１？

MTでＷｅｂサイトを作る前に、DWでレイアウトを完璧に整える

…っというのも、MTでＷｅｂサイトを作ってからCSS変更するのって大変なんですよ。ですから、小規模なＷｅｂサイトならすべてDWでもホームページビルダーでもいいから先にＷｅｂサイトを作成指定した方が遠回りなようで近道です。

ちなみに僕は５０ページ程度のＷｅｂサイトなら先に作り込んでしまって、納品前にMT化します。

手順２

テンプレートを作成する

作成するテンプレートは次の通り。
※インストール時からあるテンプレートは削除しないように！

インデックステンプレート
DWで作成したＷｅｂページのCSSを適当なテンプレート名を付けて保存してきます。
僕なら次の表のようなテンプレートを作成します。このあたりは、作成する人それぞれでしょうね。
既存のテンプレートは削除しないようにお願いします。

ちなみに、CSSを登録するときに背景画像の指定をしている場合、オーサリングソフトはおおむね相対指定になっているはずです。絶対指定の方が、安心できるかなぁと思いますので、相対指定の前に<mt:BlogUrl />を入力してください。<mt:BlogUrl />は、ブログを作成したときに指定したURLに変換されます。

テンプレートモジュール
次のテンプレートモジュールを作成します。
どのページでも同じような内容ならテンプレートモジュール化してしまった方が効率的です。
分割しすぎるとワケ分からなくなりますけどね。

• HTMLヘッダー
  HTMLタグから大体共通しているところまでざっくりモジュール化します。
  第三回くらいから、詳細に説明します。
     
• HTMLフッター 
  おおむね終わりそうなところからHTMLタグ終了までをモジュール化します。
  これも同じく第三回くらいから詳細に説明します。
   
• グローバルナビ 
  Ｗｅｂサイトを横断的にまたいでいるリンク集
  カテゴリーやフォルダーでわければ自動的にリンクを生成できるけれども、情報をたくさん取り扱うようなサイトならいざ知らず、通常のＷｅｂサイトなら固定で十分。てなわけで、Ｗｅｂページを直接指定したＷｅｂサイトを構築します。
    
• 左ナビゲーション
  グローバルナビゲーションの下にローカルリンクなんて欲しい場合があるじゃないですか、そのために用意しました。なくても問題はありません。               

修正するテンプレート

• インデックステンプレート
  メインページ　index.htmlページ
• アーカイブテンプレート
  ウェブページ

おまけ

僕が使っている初期化CSSはこんな感じ。
YAHOOのライブラリでダウンロードしてきたモノにimgへのスタイル追加したモノを使っておりまする。

では、また次回。

/* タグの初期化用CSS */

html{
 margin: 0px;
 padding: 0px;
 border-top-width: 0px;
 border-right-width: 0px;
 border-bottom-width: 0px;
 border-left-width: 0px;
 border-top-style: none;
 border-right-style: none;
 border-bottom-style: none;
 border-left-style: none;
}

/* Yahoo!User Interface Libraryの初期化CSSを利用 */
body {color:#000;background:#FFF;margin:0;padding:0;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/* イメージをリンクした際に、囲い線がでないようにする */
a img {
 border:0;
 overflow: hidden;
}
 

※僕のＭＴ構築のメモ書き程度の記事です。
チラシの裏よりかは役に立ちます。。。と思う。

Ｗｅｂサイトの仕様

基本的に初心者でも更新できる

変なプラグインは使わない
※初心者が更新できなくなります

Ｗｅｂページ機能だけでＷｅｂサイトを構築
ブログ機能を使うと、記事が多くなりすぎて直感的に修正できなくなるためです。
　ブログ機能も後付けできます。
　マルチブログタグ未使用で、簡単設置

っというカテゴリーを作ってみました。

ムーバブルタイプでＷｅｂサイトを構築しますってなった場合、書店で販売しているムーバブルタイプのカスタマイズの本ってちょっと使いづらいんですよね。お客様が求めているＷｅｂサイトってのはもっとシンプルなものが多いような気がします。

んなわけで、ムーバブルタイプで構築する超簡単なＷｅｂサイトの構築手順をご紹介します。（まぁ僕のメモとして残しておきたいわけですけどね。）我流の構築方法なので、つっこみどこ満載ですが閲覧してくださっている方の参考になれば幸いです。

構築するＷｅｂサイトの概要

• トップページ
• 商品紹介
• 採用募集ページ
• お問い合わせページ（メールフォーム）
• 社員ブログ※オマケで付けます

用意するもの

• ムーバブルタイプ　ver4.1以上（たぶんＭＴＯＳでも構築可能だと思う）
• メールフォームＣＧＩ（ＰＧＤＷＯＲＫＳ社製メールフォーム／無料）
• ロールオーバー用のjavaスクリプト

構築方法手順

ムーバブルタイプがインストールされた状態からスタートです

1. トップページ作成
2. Ｗｅｂページ作成（商品紹介、採用募集）
3. お問い合わせページ作成（メールフォーム作成）
4. ブログの設定をいじる

以上！なんて簡単なＷｅｂサイトでしょうｗ

中小企業のＷｅｂサイトなんて、おおむねこのレベルで満足してくれるお客様が多い気がしますよ。

まぁ僕の営業努力が足りていないだけかもしれませんが…。。。。

ぼちぼち更新してきますノシ

ＭＴにFCKエディタを３つの簡単ステップでインストールしてみますよ

ムーバブルタイプのエディタ強化かんたんにしちゃいましょう。

（カスタマイズってなると話が違うんだけどね　ちょっと面倒です）

手順１：男なら黙ってダウンロード

次のＷｅｂサイトから、MT-Plugin-FCKeditor-1.2.ja_v2.zipをダウンロードしてください。これがムーバブルタイプに簡単にFCKエディタをインストールするファーストステップになります。

http://sourceforge.jp/projects/fckeditor/releases/

手順２：ファイルを解凍し、アップロード

FCKエディタのファイルを圧縮した「MT-Plugin-FCKeditor-1.2.ja_v2.zip」がダウンロードできたはずです。それを解凍し、「mt-static」「plugins」のフォルダをムーバブルタイプをインストールしたフォルダにアップロードしてください。ＦＴＰソフトが「上書きしちゃうよ？」と聞いてくるのでＯＫボタンを押してください。

なお、補足で画像をアップロードしていますが、僕はmtのインストール先を「system」ってフォルダにしています。さくらインターネットさんやロリポップさんのムーバブルタイプ標準インストールマニュアルに従ってインストールした場合「mt」になっているはずです。その場合は、「mt」フォルダに、「mt-static」「plugins」フォルダをぶち込んでください。

手順３：mt-config.cgiに呪文を記述ｗ

ムーバブルタイプをインストールしてるフォルダから「mt-config.cgi」をダウンロードして、下記の呪文を追記します。んで、「mt-config.cgi」を同じフォルダにアップロードして上書きしてください。

これにて、ムーバブルタイプにＦＣＫエディタがインストールされました。簡単簡単。

#======== RichTextEditor =======================

RichTextEditor FCKeditor