Movable Typeで「FAQページ」をかんたんらくらく

2006/5/25 (Thu) at 8:57 am

よくあるQ&Aのページが要るっていうんで、phpでつくりかけたんですが、1からつくってもいいんですけど、MTでやればラクやんかーと気づきました。レッツトライ！

Movable Typeはひとつインストールしておけば、ブログをいくつでもつくることができます。FAQ集用の新規ブログをつくり、テンプレートをつくってみました。これからは以下のソースをコピペでポンすればスグにFAQページがつくれちゃう。らくちんらくちん。

FAQページをつくるテンプレート↓
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 transitional//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>FAQ PAGE generated by MovableType</title> <style type="text/css"></style> </head> <body> <h1>FAQ PAGE generated by MovableType</h1> <MTCategories show_empty="1"> <div class="top-category"> <a href="#category_<$MTCategoryID$>"><$MTCategoryLabel$></a> </div> <MTEntries sort_by="title" sort_order="ascend"> <div class="top-question"> <a href="#question_<$MTEntryID$>"><$MTEntryTitle$></a> </div> </MTEntries> </MTCategories> <hr class="hr-faq"> <MTCategories show_empty="1"> <div id="category_<$MTCategoryID$>" class="main-category"> <$MTCategoryLabel$> </div> <MTEntries sort_by="title" sort_order="ascend"> <div id="question_<$MTEntryID$>" class="main-question"> <$MTEntryTitle$> </div> <div class="main-answer"> <$MTEntryBody$> </div> </MTEntries> </MTCategories> </body> </html>
サンプルはこちらにあります↓
faqのサンプル
※別窓が開きます。

サンプルの例文を考える方が時間かかってしまいました（笑）。

ブログツールなので、エントリの編集画面が日付順になってしまうとか、頭にいちいち「1-1.」なんて入れなければいけないなんていうダサさはありますが、わざわざそのために必要なプラグインを探すというのもナンだし、もっと高機能なものが必要ならそれに見合ったCMSを探すなりつくるなりすりゃいいんで、とにかくらくちんにこんなかんじのものをパッとつくりたいときはほんとうに重宝します>Movable Type。

尚、このテンプレートはVersion 3.2-ja-2でつくりました。古いverで動くかどうかは知りません。

前のエントリへ次のエントリへ

フジイ

2006/5/25, 9:52 AM

ワカルと思うんですけど、使い方をいちおう書いとくと（自分が忘れるかもしれんのでw）。

上のヤツをコピーして、インデックス→メインページのテンプレートにまるごとさしかえる。

「1. めしについて」「2. プールについて」はトップカテゴリ名。質問と答えは各エントリのタイトルとBodyです。カテゴリ名とタイトルは、頭に数字を入れなくてもいいけれど、入れないと文字コード順になります。

ira

2006/5/25, 5:11 PM

サンプルの例文と答えがおもしろいです:)

フジイ

2006/5/26, 3:13 AM

うむ。こういう使い方はべんりでしょう？上に置いたテンプレはデザイン抜きの基本的なものだが、これに既存のデザインを組み合わせてパッとこういうふうにアレンジできます↓

<a href="http://blog.3ot.net/faq/"; rel="nofollow">http://blog.3ot.net/faq/<;/a> （デザインする前）

<a href="http://blog.3ot.net/faq/index2.html"; rel="nofollow">http://blog.3ot.net/faq/index2.html<;/a> （デザインしたもの）

デザインの基本部分や左側のカラム（最近のコメントとか）はブロック毎にサーバのどっかに書き出しておいて、includeするというのをふだんからやっていれば、同じサーバ内であれば、こうやってかんたんに共有して既存のデザインに組み込むことができます。

コメント・プリーズ！

お名前 (your name)

(required)

url

(optional) ※公開されます。

メールアドレス (email)

(optional) ※公開されません。管理者にだけわかります。

コメント (comment)

(required)

クッキーにお名前、url、メールアドレスを保存する。

※クッキーに保存すると次回から入力を省略できるので便利ですが、お使いのコンピュータに情報が残りますので、公共のパソコンなどからアクセスするような場合はチェックをはずしたほうがよいでしょう。

※コメント中のhtmlタグは実体参照に変換されます。たとえば、『<』は『<』というかんじになりますのでhtmlタグをそのまま書き込んでくださってオッケーです。

PROFILE

藤居ヒロヤ。ウェブデザイナー／ウェブディレクター。ウェブデザインオフィス、3OT NET主宰。名古屋市中区。「優しいデザイン」「激しいデザイン」「正しいデザイン」「セクシーなデザイン」「泣けるデザイン」「もっともなデザイン」... 。あなただけのウェブデザインを丹精込めておつくり致します。見積り依頼等、お気軽にお問い合わせ下さい。

www. http://www.3ot.net/
email. admin [atmark] 3ot.net
phone. 052 323 7376

お問い合わせフォーム

ウェブデザイナーの日記

Movable Typeで「FAQページ」をかんたんらくらく