次に、『エックスサーバー』のネットショップ作成サービス「Xserverショップ（エックスサーバーショップ）」のショップデザインの管理画面の見方を紹介します。
人気の『エックスサーバー』からネットショップ作成サービスで実際にネットショップを作っていきます。
Xserverショップ
今回使用するネットショップサービスはXserverショップです。
まずは、申込後、時間が経って管理画面が表示（反映）したら
ショップ管理画面にログインします
ショップ管理画面にログイン方法は2つの方法があります。
① EC-CUBE管理パネル からログイン
申し込みメールに記載されているEC-CUBE管理パネルのアカウント情報からログインします。
ネットショップの管理画面ログインURL：https://ショップID.netshop.jp/owner/
② Xserverショップアカウントページの「ショップ管理」からログイン
次に、ネットショップの管理ページを確認してみましょう。
初期のネットショップのデザインはこちらです
今後は増えていきますが現在ネットショップのテンプレートは一つです。
ジェラート屋さんになっています。
最初は、このデザインの内容を変更してみましょう。
Xserverショップ（エックスサーバーショップ）のネットショップの設定になれるために、最初は、このデザインの内容を変更してみましょう。
まずは、ネットショップの編集画面を確認しましょう。
こちらがEC-CUBE管理パネル、ネットショップの編集画面のダッシュボード（最初の画面）です。
【メニュー紹介】商品管理の設定項目
Xserverショップ（EC-CUBE）管理パネルのサイドメニューのここから販売商品を登録、管理します。
商品一覧
EC-CUBE内に登録済みの販売する商品の検索画面です。
商品名やカテゴリーなど特定の条件で検索して、各商品ごとに修正や編集作業を行うことができます。
商品登録
ネットショップの商品の新規登録画面です。
商品名や商品画像、販売価格、商品説明、在庫数、検索ワードなど設定することができます。
規格管理
商品ごとに設定する「規格名」と規格内の「分類名」を登録管理します。
カテゴリ管理
商品を陳列する先のカテゴリ（グループ分け）を設定管理します。
タグ管理
「限定品」「おすすめ商品」「新商品」「色から選ぶ」「用途」など、商品の絞り込み検索がしやすい商品タグを設定管理します。
商品CSV登録
複数の商品をCSV形式（Excelのような表になったデータ）でリスト化したデータから商品を一括で登録します。販売する商品数が多い場合はこちらのCSVでの登録方法の方が楽です。
カテゴリCSV登録
複数のカテゴリをCSV形式（Excelのような表になったデータ）でリスト化したデータからカテゴリーを一括で登録します。カテゴリー数が多い場合はこちらのCSVでの登録方法の方が楽です。
レビュー管理
商品レビューの作成・管理が行えます。
【メニュー紹介】受注管理の設定項目
サイドメニューのここから受注（注文された内容）を確認できます。
商品の注文が入ると、受注管理の受注一覧に受注データが保存されます。
【メニュー紹介】会員管理の設定項目
サイドメニューのここからネットショップの会員を確認、登録できます。
【メニュー紹介】コンテンツ管理の設定項目
サイドメニューのここからネットショップのデザインやページ追加や修正などネットショップの内容（コンテンツ）を設定できます。
新着情報管理
管理画面から新着情報を登録管理する機能です。入力欄に必要事項を入力、登録することで、ネットショップのトップページに配置した新着情報ブロック内にそのお知らせ情報を表示します。
新製品の入荷情報やキャンペーン、休日などのお知らせや告知として使用します。
ファイル管理
ネットショップのサーバー上（EC-CUBEのフォルダ内）のディレクトリ（フォルダ）操作やファイルのアップロードなどのファイル管理を管理画面から行う機能です。
レイアウト管理
初期状態で用意されているネットショップのトップページや商品一覧ページ、商品詳細ページなどの各ページの「レイアウト設定」やページの「編集」をする、主にデザインの編集管理機能です。
レイアウト管理は下記のページごとの「ブロック」の配置を設定する機能です。
レイアウト設定できるページ一覧
- トップページ
- 商品一覧ページ
- 商品詳細ページ
- 当サイトについて
- ご利用規約
- 特定商取引に関する法律に基づく表記
- プライバシーポリシー
- ご利用ガイド
ページ編集
上記のご利用規約やプライバシーポリシー、当サイトについて等の各ページを編集します。
CSS管理管理（HTMLが分かる上級者向け）
こちらは、HTMLが分かる上級者向けです。CSS管理管理では、ネットショップで使いたい追加のCSSを設定できます。
ここで登録した内容はショップの<head>タグ内、customize.cssに反映されます。
JavaScript管理（上級者向け）
上級者向けです。普通のネットショップでは通常は使うことはありません。ショップで使いたい追加のJavaScriptを設定できます。ここで登録した内容はショップの<body>タグ内の最後で読み込まれているcustomize.jsに反映されます。
ブロック管理
初期状態で用意されているブロックの編集や、オリジナルのブロックを新しく作成する管理機能です。
EC-CUBEでは「ブロック」と呼ばれるパーツを配置することでネットショップのホームページのデザインを作ります。
ブロック管理ではプログラムを埋め込んだ機能ブロックや、HTMLで記述した内容を表示させるだけのブロックなど、自由に作ることができます。
ブロック一覧
- ヘッダー(商品検索・ログインナビ・カート) ブロック
- ロゴ ブロック
- カテゴリナビ(PC) ブロック
- 新入荷商品特集 ブロック
- トピック ブロック
- 新着商品 ブロック
- カテゴリ ブロック
- 新着情報 ブロック
- フッター ブロック
キャッシュ管理
Xserverショップ（エックスサーバーショップ）のEC-CUBEのシステムではデザインカスタマイズやプラグインカスタマイズなどを行った際、表示が更新されない状態となるケースが多くあります。
それはキャッシュと言って、ウェブサイトのデータをブラウザ（ChromeやSafariなどホームページを見るソフト）が保存していて、それがクリアされない場合に更新した情報が反映されていないように見えます。
実際には変更したものは更新されているのですが、キャッシュにより前のウェブサイトの内容が表示されてしまっている場合は、このキャッシュ管理でEC-CUBEが保存しているキャッシュデータの削除をすることができます。
メンテンナンス管理
このメンテンナンス管理でメンテナンスモードを有効にすると、ネットショップが非公開になります。管理画面のみアクセス可能な状態となります。
※拡張機能のプラグインのインストール/有効/無効/削除時には、自動的にメンテナンスモードに切り替わります。
おすすめ管理
おすすめ商品内容設定で、ネットショップのおすすめ商品を設定できます。
【メニュー紹介】設定項目
サイドメニューのここからネットショップの店舗設定ができます。
店舗設定とシステム設定項目を展開するとこのようになります。
【メニュー紹介】オーナーズストア設定
サイドメニューのオーナーズストア設定からプラグイン（ネットショップに追加する機能）とテンプレート（デザイン）を選択できます。
テンプレートとプラグインは今後追加されていきますので、定期的にチェックしましょう！
【メニュー紹介】クレジットカード決済設定
サイドメニューのクレジットカード決済の決済状況、入金一覧等クレジットカード関連の設定と確認ができます。
【メニュー紹介】売上集計画面
サイドメニューの売上集計（期間別集計、商品別集計、年代別集計）を見ることができます。
【メニュー紹介】情報（EC-CUBE）
Xserverショップは、オープンソース（無料で公開されているプログラム）のEC-CUBE（イーシーキューブ）のプログラムを使用して作られています。
サイドメニューの情報では、EC-CUBE公式サイトへのリンク、EC-CUBE開発コミュニティサイト、EC-CUBEドキュメント（マニュアル）へのリンクが貼られています。下記にもリンクを張っておきます。
- 【公式】EC-CUBE｜ECサイト構築・リニューアルならECオープンプラットフォームEC-CUBE
https://www.ec-cube.net/ - EC-CUBE 開発コミュニティ – 日本発ECオープンプラットフォーム
https://xoops.ec-cube.net/ - EC-CUBE 4.0 開発者向けドキュメント – < for EC-CUBE 4.0 Developers />
https://doc4.ec-cube.net/
こちらのページは随時追加していきますね
次に、ネットショップのデザインを変更してみましょう。
