川崎市川崎区・メディカル&スピリチュアルアロマスクール ~ アミエール ~

商品登録マニュアル(管理者用)

初めての方にもわかるよう、画像アップ〜カタログ登録までをステップごとに丁寧に説明します。
操作に不安がある場合は、スクリーンショットを撮ってお問い合わせください。

最短手順:①画像をメディアに追加 → ②Products(製品)でAdd New Products(新商品を追加)「商品名 / 説明 / 価格 / 画像 / カテゴリー」→ ③公開 → ④Catalogs(カタログ)の「Online Shop Catalog」にADD(追加)して保存

① WordPressログイン

  1. メールにてお知らせしたログイン情報を入力してWordPressにログインしてください。

    https://amiere.jp/wp-content/uploads/2025/10/manu1.jpg

② 商品画像のアップロード(先にまとめて準備する)

まずは商品登録に使用する画像を予めアップロードしておくと作業がスムーズになります。

  1. 管理画面サイドバーのメディアメディアファイルを追加 を選択。(画像①)

  2. ファイルを選択 からアップロード、または複数画像をドラッグ&ドロップで一括登録。(画像②)

推奨:800×800px 相当(長辺1200px以下)。
なるべく正方形に近い比率で揃えると一覧での見栄えが良くなります。

③ 商品登録(Products)

こちらのページでは、商品の登録を行います。
はじめにサイドバーのProduct Catalog(製品カタログ)Products(製品) を選択します。(画像①)

3-1. 商品名の登録

  1. Products 一覧の左上 Add New Product(新商品を追加) をクリック(または管理画面サイドバーの Add New Products(新商品を追加)を押しても同じ画面に遷移します)(画像①)

  2. 上部の タイトルを追加 に商品名を入力。(画像②)

3-2. 商品説明の入力

  1. タイトル下の “ブロック” 部分で 「+」→「クラシック版の段落」 を選び(画像①)、説明文を入力(コピペ可)(画像②)

改行は Shift + Enter(段落は Enter)。
Enter だけで改行すると段落が分かれ、公開画面で行間が大きく空きます。

3-3. 金額の入力(Price / Sale)

  1. ページ下にスクロール → Product Details(製品詳細) Details(詳細) タブが選択された状態。
  2. Price(価格) に税込価格を「数字のみ」で入力(例:3300)。
  3. セール時は Sale Price(販売価格) を入力し、Sale Mode Enabled(セールモードが有効) を ON。

※ 表示時のカンマ・通貨はサイト側で自動整形されます。崩れる場合はスクショでご連絡ください。

3-4. 商品画像の設定(アイキャッチ/追加画像)

  1. メイン画像の設定は右サイドバーのProduct(製品)タブを選択(画像①)→ 「アイキャッチ画像を設定ボタンを押す(画像②) → Media Library(メディアライブラリ) から選択。

  2. 2枚目以降は金額入力時と同じくページ下部の Product Details (製品詳細)→ Images(画像) タブ選択後 Add(追加)ボタンを押して、Media Library(メディアライブラリ)から選択(画像③)

※ 画像が極端に縦長/横長だと一覧で崩れることがあります。比率はなるべく揃えるのが安全です。

3-5. カテゴリー設定

  1. 3-4と同じように右サイドバーのProduct(製品)タブを選択(画像①)→ サイドバーを下にスクロールし Categories(カテゴリー) を開く。(既に開かれている場合もあり)

  2. 該当カテゴリーにチェック(例:Tomiブランド+必要ならサブカテゴリー)(画像②)

右サイドバー自体が見つからない時の探し方:画面右上の「表示切り換え」ボタン(四角が2:1に二分割されたマーク)を押してください。サイドバーが開き、下へスクロールすると Categories(カテゴリー) が表示されます。

3-6. 保存と確認(新規は公開、更新は保存

  1. 右上の 公開 を押すと “保存” 完了です。

    ※ すでに公開済みの商品を直すときは 保存 が表示されます。

  2. 公開後、左上のアミエールロゴで Products(製品)一覧の画面に戻れます。
  3. ここまでで「商品」自体の登録は完了。
    但し次の ④ Catalogs(カタログ) に追加する作業をしないとアロマショップページの一覧に表示されません。

④ カタログへの追加(Catalogs)

③で商品を登録しただけでは、一覧に出ません。
一覧に出すにはCatalogs(カタログ)へその商品を追加します。
(商品=素材 / カタログ=並べて見せる棚)

  1. 管理画面サイドバー Product Catalog(製品カタログ)Catalogs(カタログ) を選択。
  2. 既存カタログ Online Shop Catalog をクリック。

  3. 最下部の ADD(追加) → 一覧で新たに追加したい商品にチェック → Add Products(商品を追加)

  4. 順番はドラッグ&ドロップで調整(一番上の商品が商品一覧の左上に表示されます))。
  5. 最後に右上の 保存 を押して完了。前の画面に戻る際はアミエールロゴで戻ってください。

この作業が終わると、テストページ「アロマショップ」の一覧に表示されます。
1ページ目は現在8件表示(4の倍数推奨)。※9番目以降は2ページ目になります。

※ 既存商品を重複追加した場合は、Catalog Details(カタログ詳細) の商品の右側 Delete(削除) で削除できます。

⑤ 新規カテゴリーの登録方法(Categories)

新しいカテゴリーを登録する手順です。名前は分かりやすく統一して登録してください。

  1. 管理画面サイドバー Product Catalog(製品カタログ)Categories(カテゴリー)
  2. Add New Product Category (新しい製品カテゴリを追加)に名前を入力(例:スキンケア)。
  3. サブカテゴリーなら Parent Product Category(親製品カテゴリ) を選択。
  4. Add New Product Category(新しい製品カテゴリを追加) を押して登録。

  5. 以後、Add New Products の編集画面のカテゴリー欄に自動追加されます。(3-5)

※ 同義のカテゴリ名が重複しないよう、既存リストを確認してから追加してください。

⑥ 登録済み商品の編集(Products)

すでに登録済みの商品を修正・一時非表示にする手順です。

  1. 管理画面サイドバーの Product Catalog(製品カタログ)Products(商品) を開きます。(画像①)

  2. 一覧で該当商品のタイトルにカーソルを合わせ、編集 をクリック。(画像②)

  3. 商品名・説明文・価格・画像・カテゴリーなど変更が必要な箇所を編集します。
  4. 修正後は右上の 保存 を押して保存します。(画像③)

一時的に非表示にしたい場合:
右サイドバー(公開エリア)の 公開状態非公開 に変更して 保存 してください。

再公開するには:
公開状態を 公開 に戻し、保存 を押します。必要に応じて Catalogs(カタログ) の並び順も確認してください。

※ Products一覧の右上検索窓から商品名の一部で検索可能です。該当商品の ID も控えておくと連絡時にスムーズです。

◇ 運用ルール(重要)

  1. 商品登録以外のシステム設定(テーマやプラグインの設定変更など)は原則触らないでください。
  2. 問題発生時は、操作を止めてスクリーンショットを添えて連絡してください。
  3. 商品一覧 1ページ目の表示数は現在8件と設定されています。4の倍数推奨。変更希望があればご連絡ください。
  4. 画像比率はなるべく統一(縦長・横長の混在は崩れの原因)。

◇ よくあるトラブルと対処

・価格表示がカンマなし/¥が表示されない
管理画面では数字のみ(例:3300)を入力。表示の整形はサイト側で自動。直らない場合はスクショを送ってください。
・一覧で画像の上部しか表示されない(切れる)
画像の高さを固定する古いスタイルが残っている可能性。比率を正方形寄りにし、必要なら管理者に相談。

◇ 連絡先・報告時のお願い

不具合を報告する際は、次の情報を添えてください。

  1. 問題のスクリーンショット
  2. 行った操作(どの画面で何をしたか)
  3. 該当商品の ID(Products一覧で確認可)

※ 商品登録以外(テーマ・プラグイン変更等)は触れないようお願いします。必要な変更は管理者にご相談ください。

※ 本マニュアルは随時更新します。更新があった場合は本ページでお知らせします。

2025年10月6日更新
2025年10月10日更新
2025年10月13日更新(⑥ 登録済み商品の編集を追加/非公開設定を追記)