Movable Type.net

トフでもできる!? Movabletype.netテーマ開発

もくじに戻る

サンプルテーマをダウンロードしよう

では早速、サンプルを作りながら、一緒に学習していきましょう。

ダウンロード

以下のボタンから、zipファイルをダウンロードしてください

 ダウンロードボタン

今回作るサイトはこのようなデザインです。
サンプルサイト

完成系はこちらにあります。

サイトの構成を確認しよう

では、ダウンロードしたzipの中身を見ていきましょう。 以下のファイルが入っています。

サンプルファイル展開画像

フォルダに入っているファイルと、対応するテンプレートを考えてみましょう

index.html
インデックス・テンプレート>メインページ
サイトのトップぺージになるテンプレートです。
news/index.html
インデックス・テンプレート>ニュース TOP
ニュースや、おしらせ記事のぺージになるテンプレートです。
news/archive.html
アーカイブ・テンプレート>○○別ニュース記事リスト
記事のアーカイブになるテンプレートです。
news/entry.html
アーカイブ・テンプレート>記事
1つの記事ページそのものになるテンプレートです。
page/index.html
アーカイブ・テンプレート>ウェブページ
ウェブページになるテンプレートです。
css/styles.css
インデックス・テンプレート>スタイルシート
スタイルシートのテンプレートです。これをいじるだけでもオリジナリティが増しますね。
404_error.html
システムテンプレート> 404 エラー
存在しないぺージ(404)をリクエストした場合に表示されるぺージです。
images
使用する画像が入ったフォルダです。

いよいよテーマづくり…ドキドキ!

意気込むトフ
サンプルを見る