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

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

ダウンロード

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

 ダウンロードボタン

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

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

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

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

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

index.html

インデックス・テンプレート＞メインページ
サイトのトップぺージになるテンプレートです。

news/index.html

インデックス・テンプレート＞ニュース TOP
ニュースや、おしらせ記事のぺージになるテンプレートです。

news/archive.html

アーカイブ・テンプレート＞○○別ニュース記事リスト
記事のアーカイブになるテンプレートです。

news/entry.html

アーカイブ・テンプレート＞記事
１つの記事ページそのものになるテンプレートです。

page/index.html

アーカイブ・テンプレート＞ウェブページ
ウェブページになるテンプレートです。

css/styles.css

インデックス・テンプレート＞スタイルシート
スタイルシートのテンプレートです。これをいじるだけでもオリジナリティが増しますね。

404_error.html

システムテンプレート＞ 404 エラー
存在しないぺージ（４０４）をリクエストした場合に表示されるぺージです。

images

使用する画像が入ったフォルダです。

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