先日、Yahoo!ショッピングのトップページリニューアル案件を受注しました。
私はこれまで主にWordPressでのサイト制作をしてきたため、
Yahoo!ショッピングの構築はほぼ未経験からのスタートでした。
実際に調べてみると、
情報源はほぼ公式のみで、信頼性は高いけれど少し分かりづらい
という印象を受けました。
この記事では、
「これからYahoo!ショッピングの構築案件に関わるかもしれない方」に向けて、
私自身が最初につまずいたポイントと、案件の進め方をまとめてみます。
Yahoo!ショッピングの構築には2つの選択肢がある
Yahoo!ショッピングでショップのデザインや構築を行う方法は、大きく分けて2つあります。
- ストアクリエイターPro（標準機能）
- トリプル（外部制作サービス）
この2つは「できること」「自由度」が大きく違います。
ストアクリエイターProとは？
ストアクリエイターProは、
Yahoo!ショッピングに出店すると標準で使える管理・構築ツールです。
特徴
- HTMLの編集はほぼできず、レイアウトの自由度は低め
- WordPressのような「テーマ」概念はない
- トップページはバナー画像を組み合わせて作る形になる
実際に案件を進めてみて感じたのは、
「デザイン＝バナー作成がメイン」
という点です。
レイアウトを大きく変えるというよりは、
- 看板バナー
- カテゴリ誘導バナー
- セール・特集バナー
などをどう設計するかが重要になります。
トリプルとは？
トリプルは、
Yahoo!ショッピングの公式に近い位置づけの外部制作サービスです。
特徴
- HTML / CSS / JavaScript を使って自由度の高い構築が可能
- WordPressに近い感覚でデザインできる
- その分、費用も高くなりがち
ただし今回の案件では、
- Yahooショッピングを開店して間もない
- 低予算
という条件だったため、トリプルは使わず
ストアクリエイターProで対応することになりました。
初心者がYahoo!ショップ案件で意識したいこと
私が今回、特に大事だと感じたのはこの3点です。
① いきなり本番で編集される
Yahoo!ショッピングには
テスト環境・ステージング環境がありません。
そのため、
- 事前にデザインを画像で確認してもらう
- 実装は一気に行う
という進め方がとても重要でした。
② WordPressと同じ感覚では進められない
- 同時編集ができない
- 元に戻す機能がほぼない
- 差分管理ができない
このあたりは、WordPressとはかなり違います。
「事前確認」と「作業範囲の合意」が必須だと感じました。
③ 公式情報は正しいが、実務目線では補足が必要
Yahoo!の公式マニュアルはとても充実しており、内容はもちろん正確です。
ただし、
- 「実際どう進めるのか」
- 「どこまで任されるのか」
- 「初心者はどこから手をつけるのか」
といった部分は、自分で整理する必要がありました。
まとめ：Yahoo!ショップ構築は「別物」と考える
Yahoo!ショッピングの構築は、
WordPressの延長ではなく、別のCMSとして考えたほうがスムーズです。
特にストアクリエイターProでは、
- デザイン＝バナー設計
- 情報設計と導線づくりが重要
という特徴があります。
次回は、
「実際にどうやってクライアントと進めたか（権限・ログイン・注意点）」
について書いてみようと思います。
また、Yahoo!ショッピングの構築では、こちらの書籍も参考にしました。
構築に関しては１章分しかありませんが公式マニュアル同様の情報が得られました。
| Yahoo!ショッピング完全攻略ガイド～すぐに試せて伸び続けるネットショップ運営術～ [ 佐藤英介 ] 価格：2,420円（税込、送料無料) (2026/1/28時点) 楽天で購入 |