「Wix」でホームページをデザインしよう！実践②（商品一覧セクション）

今回完成するデザインはこちら

WixのアプリでWixストアを追加すると、商品のページを作り込み、購入ボタンや決済機能を追加することができますが、有料契約でないと決済ができません。
今回は基本操作をお伝えしているため、簡単にできる画像一覧で作ります。

では、早速始めていきましょう。

商品一覧ページを作る

セクションの追加

ファーストビューのセクションを選択していると下方に「セクションを追加」があるのでクリック

セクションが増えたので、管理しやすいようにセクション上部右側にあるセクション名をクリックし、任意の名前に変更しておきましょう。今回は「商品一覧」としました。

ストリップ追加

どんな商品なのか説明を入れてから画像一覧を設定しようと思うので、テキストを入力する部分を作ります。

セクションにストリップを追加し、「ストレッチ（↔）」で全幅にしてから間隔を80pxにして、ファーストビューと合わせます。

左側のバーから「パーツを追加（＋）」をクリックし、「テキスト」を選択し、配置したいところへドラック＆ドロップします

続きは、リベシティにログインしてからお読みください

＼初月30日間無料／ リベシティで会員登録をする ログインする

ノウハウ図書館でできること

• すべての記事の閲覧

• ブックマーク

• いいね・レビュー

• 記事の投稿※応援会員（有料）のみ

• ポイントの獲得※応援会員（有料）のみ

※会員登録には、新入生会員（初月30日無料）と応援会員（有料）があります

応援会員制度とは？

さらに！

• リベシティの他の機能やサービスもご利用いただけます（詳しく見る）