デザイン篇2 5

11
新しくページを作る 2-5 世の中に1つしかない、自分だけのショップが作るために、 新しくページを作る方法を覚えます。 ページの追加/削除の操作を行なうことで、 自分だけのサイトを構成することができます。 デザイン篇

Upload: goodsiemanual

Post on 22-Jul-2015

1.966 views

Category:

Documents


3 download

TRANSCRIPT

Page 1: デザイン篇2 5

新しくページを作る

2-5

世の中に1つしかない、自分だけのショップが作るために、新しくページを作る方法を覚えます。

ページの追加/削除の操作を行なうことで、自分だけのサイトを構成することができます。

デザイン篇

Page 2: デザイン篇2 5

Step ・レイアウトとページ

・新しくページを作る

・不要なページを削除する

操作する内容操作するページ

Home

レクチャー

デザイン篇

Page 3: デザイン篇2 5

レイアウトとページ

Goodsieには、レイアウトとページという考え方があります。

レイアウトでベースを作り、ページで個々のデザインを行なう

という考え方が基本となります。

ページ

レイアウト

レイアウトのデザインをベースにページ別のデザインをする場所です。

各ページの共通となるレイアウトをデザインする場所です。

新しくページを作る2-5 デザイン篇

レクチャー

Page 4: デザイン篇2 5

Goodsie Goodsie

レイアウトHome

Goodsie

About

新しくページを作る2-5

ページ

レイアウトの使い方です。

デザイン篇

レイアウトとページレクチャー

レイアウトでは、全てのページに共通で表示させたいコンテンツをデザインします。作成したデザインは、各ページと紐づけることで汎用的に使う事ができます。

ナビゲーション ナビゲーション ナビゲーション

スライドショーテキスト

Page 5: デザイン篇2 5

Goodsie Goodsie

スライドショー

レイアウトHome

Goodsie

テキスト

About

ナビゲーション ナビゲーション ナビゲーション

新しくページを作る2-5

ページ

デザイン篇

レイアウトとページレクチャー

ページでは、各ページの内容に合わせてコンテンツを設置します。その為、オンラインショップに必要なページの数だけ、Goodsieでもページを作る必要があります。

ページの使い方です。

Page 6: デザイン篇2 5

新しくページを作る2-5 デザイン篇

①コントロールパネルのページを選択して、 「ページを追加」をクリックします。

新しくページを作るHome

Page 7: デザイン篇2 5

新しくページを作る デザイン篇

② 「タイトル」「URL」を入力しレイアウトを選択します (ここではMainを選択します。)  ※レイアウトのデザインパターンは、  自分で増やすことができます。(詳細は上級編へ)

③ 完了したら「ページを保存」をクリックします。

新しくページを作る

2-5

Home

Page 8: デザイン篇2 5

新しくページを作る2-5 デザイン篇

④ ページの登録済みの一覧の中に、 先程作成したページが登録されました。

新しくページを作るHome

Page 9: デザイン篇2 5

不要なページを削除する

新しくページを作る2-5 デザイン篇

① ページの登録済みの一覧にマウスを重ねると、 3つのアイコンが表示されます。

左から「ページを編集」「ページのコピー」「ページの削除」という意味です。

Home

Page 10: デザイン篇2 5

新しくページを作る2-5 デザイン篇

② 一番右の×印のアイコンを選択します。

③「本当にこのページを削除しますか?」というポップアップが表示されます。

 削除してもよい場合は、OKボタンを押すとページが削除されます。 

不要なページを削除するHome

Page 11: デザイン篇2 5

次は、運営篇です。

オンラインショップのデザイン篇はここで終了です。

残りは運営編で紹介する

「商品登録」「発送費の設定」「決済登録」などを行なってください。

それが完了するといよいよ開店です。

デザイン篇