ウェブサイトサンプル

先日、4月13日に MovableType.net のハンズオンセミナーを開催しました。
今日はその際にご紹介した「小規模向けテーマ Simple Product を使ってコーヒーショップのサイトを作る」手順をご案内します。

サンプル画像のデータを含む資料は以下からダウンロードできます。

資料「20150413.zip」をダウンロード

コーヒーショップのサイトを作成する手順は、大まかに以下のような流れになります。資料では例としてコーヒーショップとしていますが、もちろん、小規模の企業サイトや製品サイトなど利用用途は様々です。

1. サインアップ、ウェブサイトの作成
2. サイト作成の前準備
3. ファイルマネージャの特定のディレクトリに画像をアップしトップページを整える
4. テンプレート内の文言を修正してトップページを整える
5. ウェブページを作成しサイト内のコンテンツを作成する
6. スタイルシートテンプレートを修正しコンテンツの見栄えを調整する
7. ウェブページを作成しサイト内のコンテンツを作成する
8. 記事を作成しサイト内のコンテンツを作成する
9. テンプレートを修正してサイトのフッターを任意のものに変更する
10. テンプレートを修正してサイトのソーシャルボタンのリンク先を任意のものに変更する
11. カスタムフィールドとテンプレートを編集して記事ごとにog:image画像を指定できるようにする

以上で一通りの作業は完了です。
作業完了後、手順 2 でサイト作成の前準備として行ったパスワード保護を解除する事を忘れないようにしてください。

ご紹介したような MovableType.net 活用方法については、今後もハンズオンセミナーなどで具体的にご案内します。

イベント・セミナー開催スケジュールは こちら に掲載しておりますので、ご覧下さい。