「Simple Product」テーマを利用して実際にサイトを作ってみよう

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

shopsample.png

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

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

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

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

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

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

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

前へ

MTタグ逆引き辞典 for MovableType.net 絶賛更新中

次へ

新デザインテーマ Shop について詳しく解説