WooCommerce、Storefront、Galleriaでファッションとアパレルストアを構築する
公開: 2018-05-03WooCommerceストアで最も人気のあるカテゴリの1つは、ファッションとアパレルです。WooCommerce、 Storefront 、 Galleriaを使用して構築されたWordPressストアで、ジュエリーからスカーフ、スーツ、ベビー服まで、あらゆるものを販売できます。
Galleriaは、ファッションストアやデザインストアに最適なストアフロントの子テーマです。 モノクロでミニマリストで、サイトに上品な外観を与え、eコマース向けに最適化されています。
WooCommerceストアを構築する方法
WooCommerceストアの基本的な構成要素は次のとおりです。
- WordPressサイト。
- WooCommerceプラグイン、インストールおよびアクティブ化。
- WooCommerceテーマ(および特定の「外観」またはカスタマイズを追加する場合は子テーマ)。
- 機能を追加するためのWooCommerce拡張機能
コーディングするかしないか?
マーケットプレイスやテーマデザイナーから入手できるテーマは数百あり、そのまま使用できる単純なサイトから、構成が必要なより複雑なテーマまであります。
ストアフロントは無料のテーマです—そして私たちはそれを構築したので、 WooCommerceで見事に機能することを確信できます。 WordPress.orgで一貫して評価が高く、次のとおりです。
- 柔軟でカスタマイズ可能
- 高速読み込み(セールを見逃すことはありません!)
- eコマース向けに構築
- レスポンシブ
- SEOのために強化
ストアフロントは、構築するための強力な基盤を提供します。 セットアップが完了すると、ストアを拡張するためのオプションを提供する画面が表示されます。
HTMLとコードにどれだけ慣れているかに応じて、ストアフロントのカスタマイズには2つの幅広いアプローチがあります。
- コードを自分でカスタマイズします。 開発者のみにこれをお勧めします。 ベストプラクティスについては、WooCommerceテーマ開発者ハンドブックをご覧ください。
- 子テーマを使用し、拡張機能を追加します。 子テーマを設定して使用する方法を学ぶ
WooCommerce.comには、さまざまなストアフロントの子テーマがあります。 ファッションやアパレルストアのウーの世界では、最も人気のある選択肢はガレリアです:
- Galleriaのデモを表示する(すぐに使用でき、追加機能は有効になっていません)
- Galleriaのドキュメントをお読みください。
- Galleriaを今すぐ39ドルで購入してください。
子テーマを追加したら、サイトにコンテンツを追加します。 WordPressでは、これは次のことを意味します。
- デフォルトのウェルカムページを編集します。
- メニューを設定します。
- 連絡先ページや概要ページなどのページを追加します。
- カスタマイザーを使用して、ソーシャルアイコンやその他のウィジェットを追加します。
Powerpackでストアフロントをカスタマイズする
Storefrontの詳細をカスタマイズするには、CSSを編集する必要があります。CSS構造で詳細を確認してください。 ただし、誰もがこれを行うことに抵抗があることはわかっているため、Storefrontは、 StorefrontPowerpackを使用してコードに触れることなくカスタマイズすることもできます。
このGalleriaデモサイトを見てください。StorefrontとGalleriaの単純なインストールとは異なって見えることに気付くでしょう。 これは、 StorefrontPowerpackが有効になっているためです。
Powerpackを使用すると、コードに触れることなく、ストアフロントのほぼすべての側面をカスタマイズおよびスタイル設定できます。
Powerpackを使用すると、次のことが可能になります。
- ヘッダーレイアウトをより簡単に構成
- スタイルを追加し、ストアの外観をカスタマイズします
- チェックアウトオプションを切り替える
- ホームページをその場で編集する
- 製品ページの構成をグローバルに編集します。
Powerpack以外にも、 StorefrontExtensionsがあります。 拡張機能はLEGOに少し似ています。 これらは、ストアに機能を追加するためのモジュール式の方法です。 各拡張機能は特定のものに切り替わり、個別に利用できるため、予算を立て、構築し、成長させながら、必要なものを正確に入手できます。 例えば:
- ストアフロント視差ヒーロー:カスタマイズ可能なヒーロー要素をホームページに追加します。
- ストアフロントメガメニュー:トップレベルのメニュー項目を全幅のドロップダウンに変換します。
- ストアフロントレビュー:特定の商品レビューを強調表示して、コンバージョンを増やします。
すべてのStorefront拡張機能を参照してお気に入りを選択するか、お気に入りのStorefront拡張機能の範囲を69ドルでバンドルで入手してください。
ガレリアでストアフロントを使用しているWooCommerceストア
インスピレーションの準備はできましたか? StorefrontとGalleriaで設計されたお気に入りのWooCommerceストアを選択して、何を達成できるかを考えます。 (ただし、最終的な結果を達成するためにカスタムCSSと拡張機能を使用しているものもあることを忘れないでください。)
Sacotin.comは、バッグや財布を作成するためのパターンを販売しています。
「私は自分が着たいバッグを作り、バッグに対して非常に折衷的なテイストを持っているので、あなたは非常に異なるスタイルのパターンを見つけるでしょう。 バッグは私にとって究極のアクセサリーであり、最も楽しいものであり、個性を主張するものです。スタイル、コードで遊んだり、ちょっとしたファンタジーを入れたり、楽しんだりできます。 そして、バッグは小さなものを運ぶのに便利なので、実用的でなければなりません!」
Madame-melon.comは、世界中の女性職人がユニークな作品を販売して収入を生み出すためのプラットフォームです。 会社のクリエイターは、ストーリーテリングとファストファッションに情熱を注いでいます。 各販売のうち、5%が女性の解放に寄付されます。 Barracudamoon.comのジュエリーは、サウスカロライナ州チャールストンのダウンタウンにあるデザイナーのホームスタジオで喜んで手作りされています。 すべての作品は14カラットのゴールドフィルド素材と天然石のみで作られています。コレクションには、歴史的なダウンタウンの大地で見つかった天然のシーグラスやアンティークのチャールストン磁器などの地元の宝物が含まれています。
Elizabeth-rose.comは、ケント州テンターデンの美しい歴史的なマーケットタウンにある受賞歴のある独立したブティックで、兄弟姉妹のチームであるMichaelとHelenが率いています。 1979年に設立されたエリザベスローズの精神は変わらず、本物の女性に質の高いファッションを提供し、卓越したカスタマーサービスを提供しています。 Indriyaclothing.comには、地球に優しい衣類やアパレルの美しいセレクションがあります。「美しい作品と高貴な素材は常に私を魅了してきました。 シンプルなカット、洗練された、特に軽いものが好きです。 確かに、私は年に360日天気が良い(そして暑い!)熱帯の島に住んでいます! リーズナブルな価格で高品質なものを見つけるのは非常に難しく、夏の暑さに適応するため、私はIndriyaが生まれた独自のプレタポルテラインを作成することにしました。 」
freyaandfox.co.nz saニュージーランドを拠点とするオンラインストアで、楽しく実用的なベビー服を世界に届けます。 小さなものを念頭に置いてコレクションをキュレートすることで、すべてが最高品質でありながら、楽しく、モダンで実用的であることを保証します。
Originalshavecompany.comは、Edwin Jagger、Feather、Merkur、Simpsonsなど、世界中の最高品質のブランドを提供しています。 彼らのサイトには、顧客レビューと、新規顧客をガイドする一流の製品セクションが含まれています。
今日WooCommerceでファッションストアを始めましょう
WooCommerceは、サイトをカスタマイズして完全な制御を維持する機能を重視する起業家向けのオープンソースのeコマースプラットフォームです。 体験することは誰もが楽しめることではありませんが、ストアフロントでWooCommerceストアを構築し、子供向けのテーマについて少し学ぶことで、eコマースでのやりがいのある将来性のある冒険を得ることができます。
インスパイヤされた? 今日からファッションとアパレルの店を始めましょう。 また、コメントや製品レビューでのご意見をお待ちしております。