ウェブサイトエディターでサイトをカスタマイズ

ウェブサイトエディターは、あなたのウェブサイトのデザインやコンテンツをカスタマイズできる場です。ウェブサイトへの新しいページの追加方法、既存ページの管理方法、そして在庫に最適なテーマの選び方などをご紹介します。

ページの管理

ウェブサイトエディターの右下隅にある 「ページ」 をクリックしてページのオプションを全て開きましょう。

この 「ページ」 のセクションには 「ホーム」、 「ショップ詳細」「お問い合わせ」「イベント」そして 「ギャラリー」 ページが含まれます。これらのページは任意(あなたの「ホーム」ページを除く)です。あなたのサイトに簡単に追加や削除ができます。

サイトからページを削除するには、サイドバーの個々のページにマウスオンし、ギアアイコンを選びます。「ページを隠す」 をクリックし、サイトから一時的に削除します。ページやコンテンツを完全に削除するには、 「削除」をクリックします。

ウェブサイトエディターはメインパネルであなたのサイトのプレビューを表示します。このプレビューから直接コンテンツを編集できます。

ホーム

サイトの 「ホーム」 はあなたのウェブサイトのメインとなるページであり、 唯一の、無効にできないページです。ここから、サイトの名前、カバー写真、ショップアイコンなどを編集するオプションが利用できます。各フィールドで鉛筆のアイコンをクリックしてください。

ショップ詳細

任意である「ショップ詳細」 ページはあなたのビジネスストーリーを語る場です。あなたがよくソーシャルメディアで Pattern サイトをシェアしているなら、それらのサイトが最初の「ショップ詳細」イメージとして表示されます。

ご注意ください:サイトの「ショップ詳細」写真を追加または変更する場合、写真は少なくとも 1440 x 800 ピクセルをお勧めします

「ショップ詳細」ページを変更したり、完全にサイトから削除したりなど、ご自由にどうぞ。サイドバーのギアアイコンをクリックして、隠したり、削除したりしましょう。

お問い合わせ

あなたにとって 「お問い合わせ」 ページは、ショップブランドの連絡先情報をお客さまとシェアする方法です。

お客さまがあなたにメッセージを送る際に使う連絡フォームのプレビューを表示します。以下のような連絡先情報のオプションを組み合わせて利用できます:

  • 小売店舗の所在地

  • 営業時間

  • 電話番号

  • メールアドレス

  • ソーシャルメディアのリンク

連絡フォームだけを表示したい場合は、その他のフィールドをブランクにします。

別のセクションにコンテンツを加えた場合は、変更を保存するために各フィールドのチェックマークをクリックします。サイトであなたの連絡先がどのように表示されるか確認するには、 プレビューを選択します。

情報の非公開を選んだ場合、お客さまに非公開になっている間もコンテンツを保存しておきます。 もしこのページを削除すれば、情報は一切保存されません。

このページを公開 しない ことにした場合でも、サイト下の 「お問い合わせ」 リンクは残り、訪問者があなたに連絡を取ることが可能です。

イベント

このページでは、あなたが参加したり主催するイベントについてお客さまにお知らせする場です。セールのお知らせや新商品を発表に使うこともできます。イベントは、対面である必要はありません。

インラインエディターを使ってこのページの特定のフィールドの名前をカスタマイズすることができます。チェックマークをクリックして変更を保存します。

イベントを作成するには:

  1. まず 「イベントを追加」をクリック。

  2. オーバーレイのフィールドに、日付、時間、説明、場所、写真、その他イベントに関連するリンクを入力し完了させます。

  3. イベントページを公開するには、 「公開する」 を選択します。

過去のイベントについては、イベントの日付や時間が過ぎたら、そのイベントは 「過去のイベント」 セクションに移動します。表示したくない場合、後からイベントを削除できます。

ギャラリー

「ギャラリー」 ページは、あなたの作品にインスピレーションを与える写真や、お客さまにあなたのクリエイティブなプロセスを詳しく紹介する写真を投稿する場です。今までに制作したカスタイマイズ商品や、作品の写真、あなたの作品のインスピレーションの元となる画像などを見せましょう。

ギャラリーに画像を加えるには、 「画像を追加」をクリック。最大 50 までの写真にキャプションをつけて追加できます。写真を整理したい場合、オーバーレイで画像をクリックしてドラッグします。

各フィールドをクリックすることで、「ギャラリー」ページにタイトルをつけたり、サブタイトルをつけることもできます。チェックマークをクリックして変更を保存します。

サイトのデザインをカスタマイズ

あなたの 「デザイン」 セクション( Pattern ダッシュボード内)では、サイトの次の要素を編集できます:

  • プライマリフォントとセカンダリフォント

  • 背景およびアクセントになるカラー

  • テーマ

  • ブランディング

  • カートのスタイル

  • 商品情報ページの写真レイアウト

  • 検索バーのオプション
  • レビューのオプション

「デザイン」ページで加えた変更は、すべて自動的にプレビューパネルに表示されます。編集した箇所を保存したくない場合、「戻る」「変更を消去して続ける」をクリック

サイトに反映させるには、変更を公開をすることを忘れずに。

フォント

サイトのプライマリフォントを選ぶには、 「フォント」のドロップダウンメニューをクリックします。これにより、 Pattern サイト内の見出しのプライマリフォントが決定します。サイトのタイトル、カテゴリーの見出し、商品ページの商品タイトルなどです。

次にサイトの セカンダリフォント をドロップダウンメニューから選んでクリックします。ここでのフォントは、ナビゲーションバー、カートボタン、商品説明、フッターのリンク、サイトのその他のエリアなどに使われます。

背景色

Pattern サイトの背景色を変更するには、 「背景色」 のドロップダウンメニューを使用します。おすすめカラーオプションのパレットが表示されます。プリセットのカラーから選択するか、右側の色相環をクリックして全色のチャートを開いてカスタムカラーを設定するか、または特定のカラーコードを入力します。

アクセント&ボタンのカラー

サイトのボタンとアクセントのカラーを選ぶには、 「アクセント&ボタンのカラー」 ドロップダウンメニューをクリックします。プリセットの 「アクセント&ボタンのカラー」r は、あなたが選ぶ背景のカラーに従って変わります。プリセットのカラーから選択するか、右側の色相環をクリックして全色のチャートを開いてカスタムカラーを設定するか、または特定のカラーコードを入力します。

ご注意ください:あなたの使っているテーマによっては、 選んだアクセントカラーを見るためにプレビューパネルの商品画像をクリックする必要があります。

テーマ

ここではウエブサイトのレイアウトおよび在庫をカスタマイズする場です。あなたのおすすめ商品、ショップセクション、ショップ詳細ページを目立たるテーマを選択しましょう。テーマのオプションについて詳しくは こちらへ。

ブランディング

ウェブサイトにブランディングをどのように表示したいかを選ぶには、「ブランディング」 ボックスをクリックします。サイトの名前、ショップアイコン、またはその両方を表示できます。これらの各フィールドのコンテンツをカスタマイズするには、該当のフィールドをクリックし、ページ上で直接変更できます。チェックマークをクリックして変更を保存します。

ご注意ください: Pattern サイトでの変更は、あなたの Etsy ショップには一切反映されません。Etsy ショップを変更したい場合は、Etsy.com へ行きましょう

カートのスタイル

あなたのウェブサイトのカートの表示オプションを選択するには、 「カートスタイル」 のドロップダウンメニューを使用します。

  • 「ドロップダウン」 では画面上にある 「カート」 ボタンの下に小さいボックスが開きます。

  • 「スライドアウト」 では画面の右側にオーバーレイが開きます。

  • 「オーバーレイ」 では画面の中央にウィンドウが開きます。

全てのカートスタイルで、お客さまに対し、「会計へ進む」または「お買い物を続ける」オプションがご利用になれます。

商品情報ページのレイアウト

The 商品情報ページ のドロップダウンメニューは、商品情報ページでのギャラリー写真の表示方法についてのオプションです。

  • 「スタックフォト」 では過去の全ての商品写真を見ることができます。

  • 「フォトギャラリー」 ではプライマリの商品写真を表示します。サイドにスクロールすると他の写真を見ることもできます。

クリックしてギャラリーのスライドショーを開くこともできます。より大きなサイズで画像を見ることが可能です。

検索バーのオプション

あなたの Pattern サイトでCの検索機能をオン、オフにするには 「検索」 ボックスをクリックします。オンの場合、訪問者はあなたのサイトで特定の商品を探すのに検索ボックスを使うことができます。オフの場合、訪問者はホームページまたはショップセクションのナビゲーションからあなたの商品をブラウズできます。

「レビュー」
オンの場合、訪問者は Etsy 経由で商品を購入したお客さまのレビューを見ることができます。レビューは商品情報ページ上のみで表示されます。各商品情報は、 Etsy.com で対応する商品情報のレビューのみを表示します。

ご注意ください:Pattern サイトからご購入のお客さまは、現段階ではレビューを残すことができません。

Did this help?
Why didn’t this article help you? (select all that apply, required question)

Thanks for your feedback!

お困りですか?

サポートに連絡する