Embed Size (px)
Citation preview
新たにコンテンツを追加する
2-3
ドラッグ＆ドロップでコンテンツを置く操作を覚えます。覚えた操作で新しくコンテンツを追加して、
より自分らしいのショップを作成に挑戦します。
デザイン篇
・ソーシャルリンクを追加する
・動画を追加する
・画像を追加する
※ソーシャルリンクとは
Facebook等のソーシャルサイトへのリンクとなるボタンです。
Step 操作する内容操作するページ
About
Home
Location
デザイン篇
ソーシャルボタンを追加する
新たにコンテンツを追加する2-3 デザイン篇
ページに新しくコンテンツを追加する方法を覚えます。ここではソーシャルボタンをHomeのページに追加します。
まずは、コントロールパネルのpageからHomeに移動します。①移動が完了したら、コンテンツパネルを選択します。
①
Home
ソーシャルボタンを追加する
新たにコンテンツを追加する2-3 デザイン篇
②コンテンツパネルの全般を選択します。
②
Home
ソーシャルボタンを追加する
新たにコンテンツを追加する2-3 デザイン篇
Goodiseで扱うことのできるコンテンツが一覧で表示されます。コントロールパネル内でスクロールをすると他のコンテンツを見る事が出来ます。これらのコンテンツをドラッグ＆ドロップで設置します。
Home
ソーシャルボタンを追加する
新たにコンテンツを追加する2-3 デザイン篇
ソーシャルボタンをドラッグ＆ドロップで設置します。③カーソルをソーシャルのアイコンの上に移動させます。 「ドラッグ」という文字が表示されます。
③
Home
ソーシャルボタンを追加する
新たにコンテンツを追加する2-3 デザイン篇
④ソーシャルのアイコンをドラッグしてプレビュー画面に移動させます。 青色に変化したエリアがコンテンツを設置できるエリアです。
「ここにドロップしてください」と表示される上でドロップすると、 そのエリアにコンテンツを設置することが出来ます。
④
Home
ソーシャルボタンを追加する
⑤ ⑥
新たにコンテンツを追加する2-3 デザイン篇
③コンテンツが設置されるとコントロールパネルが切り替わります。 リンクさせたいサービスのURLを入力します。
④入力が完了するとアイコンが表示されます。これで設置完了です。
Home
映像を追加する
①
新たにコンテンツを追加する2-3 デザイン篇
コントロールパネルのpageからAboutのページに移動します。今度は映像を設置します。GoodsieではVimeoとYoutubeの動画を埋め込む事が出来ます。
①先程と同様に、ビデオのアイコンをプレビュー画面に ドラッグします。
About
映像を追加する
②
新たにコンテンツを追加する2-3 デザイン篇
②ドラッグしたビデオをプレビュー画面内の青いエリアに落とすと、 ビデオが設置できます。
About
映像を追加する
③④
新たにコンテンツを追加する2-3 デザイン篇
③標準で表示される映像から変更するには、 コントロールパネル内のURLを変更します。 あなたが表示させたい映像のURLを入力しましょう。
④表示される映像のサイズ（高さ）や説明文を 変更することも可能です。
About
画像を追加する
①
新たにコンテンツを追加する2-3 デザイン篇
コントロールパネルのpageからLocationのページに移動します。
①コンテンツの画像をプレビュー画面にドラッグします。
Location
画像を追加する
②
新たにコンテンツを追加する2-3 デザイン篇
②スライドショーで画像を追加したときと同様に、 画像を登録すると、プレビュー画面に画像が表示されます。
Location
Goodsieで使用できるコンテンツは全部で１８個あります。
スライドショーソーシャルボタン
HTMLコード 買い物カゴ クレジットカードのアイコン
問い合わせフォーム Twitter / ツイートする
Facebook / いいねボタンtumber / Tumblrで共有
コンテンツ一覧2-3 デザイン篇
動画（Vimeo ,Youtube）
メールマガジン登録の案内
タイトル文字
コンテンツ一覧2-3 デザイン篇
文章 ページナビゲーション
ソーシャルサイトへのリンク
Goodsieで使用できるコンテンツは全部で１８個あります。
商品 地図 検索窓
画像をタイル状に配置
画像 商品詳細
コンテンツ一覧2-3 デザイン篇
Goodsieで使用できるコンテンツは全部で１８個あります。
