あなたはあなたのオンライン販売店を設立し、オンラインeコマースストアを作成する最も簡単な方法を見つけようとしていますか? その後、あなたは右のページに着陸しました。
このガイドを使用すると、無料で自分だけのWooCommerce Webサイトを自分で無料で作成できます。
オンライン情報を利用してオンラインeコマースストアを作成するのは、大変な作業です。 しかし、ステップバイステップの手順に従えば、すぐに見栄えの良いeコマースストアができあがります。
独自のストアを作成するのに必要なツールは3つだけです。
1. Elementor :これはWordPress用の無料のページビルダーpluginで、ホームページ、私たちについて、製品カタログ、チェックアウト、その他の多くのページなど、ストアのページを作成するのに役立ちます。
2. WooCommerce :これはストアを実行するCMSです
3. Ceratoテーマ: Ceratoは、高度にカスタマイズ可能なオプションと、オンラインショップを即座に作成するための組み込みのWooCommerce統合およびデモサイトを備えた高機能のWordPressテーマです。
まず最初に、WordPressディレクトリからWooCommerceをインストールし、このステップバイステップチュートリアルに従って、印象的な外観のオンラインeコマースストアを取得します。
- Ceratoテーマを使用してElementor WooCommerce Webサイトを構築する方法
- ステップ1:ThemeForestのダウンロードページからCeratoテーマをダウンロードする
- ステップ2:Ceratoテーマのインストール
- ヘッダービルダーの使い方
- フッタービルダーの使い方
- さまざまなテーマオプションの使用方法
- WooCommerceテーマスタイルをカスタマイズする
- ホームページ設定をカスタマイズする
- Elementorとは何で、Ceratoテーマとの連携方法
- Elementor設定
- CeratoテーマでWooCommerceストアを作成します
- ステップ1:ショップのホームページを作成する
- ストア通知ページ
- ショップページに表示するように製品カタログをカスタマイズする
- チェックアウトページの設定
- ショップページをカスタマイズ
- 製品ページの設定をカスタマイズする
- 新製品を追加および管理する方法
- 複数のカテゴリを作成する
- 注文追跡ページを作成する
- ウィッシュリストを作成してページを比較する
- まとめ
Ceratoテーマを使用してElementor WooCommerce Webサイトを構築する方法
Ceratoは、オンラインストアを構築するための完璧な機能を備えたプレミアムElementorWordPressテーマです。 CeratoテーマはWooCommerce pluginと互換性があり、オンラインeコマースストアの作成に不可欠な強力で高度な機能が含まれています。
Ceratoは、見事なテーマオプションを使用して、創造性を活用する無限の可能性を提供します。
CeratoテーマとElementorページビルダーを使用すると、カスタマイズ可能な複数のオプションパネルで何でもカスタマイズできます。
ワンクリックのデモインポーターでオンラインストアをすばやくセットアップし、時間を大幅に節約できます。 ワンクリックのデモインポーターオプションを使用すると、コーディングすることなく、すぐに自分のショップをすぐに再現できます。
Ceratoには無制限のヘッダーとフッターのオプションもあり、視覚的なドラッグアンドドロップオプションを使用して、強力で驚くべきフッターとヘッダーのスタイルを作成できます。 同様に、無制限のカテゴリレイアウトを使用して、製品を登録できます。
ステップ1:ThemeForestのダウンロードページからCeratoテーマをダウンロードする
ThemeForest DownloadsからCeratoテーマを購入して、インストール手順を開始します。
ダウンロードをクリックしたら。 3つのオプションがポップアップします
1.すべてのファイルとドキュメント
2.インストール可能なWordPressファイルのみ
3.ライセンス証明書と購入コード(PDF)
4.ライセンス証明書と購入コード(テキスト)
最初のオプションを使用してドキュメントを含む完全なパッケージをダウンロードでき、2番目のオプション「インストール可能なWordPressファイルのみ」はWordPressテーマを直接インストールすることです。
フォルダーを解凍すると、中に3つのフォルダーが含まれます。
- Readme.txt
- ドキュメンテーション
- Cerato.zip
ステップ2:Ceratoテーマのインストール
Ceratoテーマをインストールするには、最新のWordPressバージョンが必要です。 WordPressをアクティベートしたら、テーマのインストールの以下の手順に従ってください。
- まず、テーマファイルをアップロードしてから、テーマをアクティブにします。
- テーマファイルは2つの方法でアップロードできます。
FTPアップロード:FTPプログラムを使用している場合は、サーバーフォルダー「/ wp-content /themes/」に移動します。 そして、zip形式ではないテーマフォルダをアップロードします。
WordPressのアップロード: >[外観]>[新しいテーマの追加]>[アップロード]に移動します。
移動>参照> zipテーマフォルダーを選択> [今すぐインストール]をクリックします。
このビデオチュートリアルを表示して、テーマをすばやくインストールできます。
インストールプロセスが完了したら、自由にWebサイトを作成し、素晴らしいテーマオプションで遊んで素晴らしいサイトを作成してください。
ここで、無制限のオプションを備えたヘッダービルダーとフッタービルダーを使用して、ヘッダーセクションとフッターセクションを活用する方法について説明します。
ヘッダービルダーの使い方
Ceratoテーマでは、WordPress Liveカスタマイザを使用してすべてのデザイン関連の設定をカスタマイズできます。ここでは、何でも変更してライブ結果を表示できます。
> WordPress Admin > Appearance >カスタマイザー>ヘッダービルダーの使用方法に移動します。
ヘッダービルダーを使用すると、フォントスタイル、色、高さを変更したり、言語、ソーシャルメディアアイコン、その他の要素を選択に応じて追加または削除したりできます。
こちらのビデオチュートリアル「 HeaderBuilderの使用方法。
フッタービルダーの使い方
フッタービルダーには、複数のページで使用したり、1つのページで選択してカスタマイズしたりできる、さまざまなスタイルのフッターウィジェットが含まれています。 さらに、強力なフッタービルダーを使用して、複数のウィジェットを追加したり、置き換えたり、一瞬でウィジェットを再配置したりできます。
フッタービルダーの使用方法」に関するビデオチュートリアルを。
さまざまなテーマオプションの使用方法
Ceratoテーマでは、さまざまなテーマスタイルの設定も可能です。テーマのデフォルト設定を変更する場合は、
> WordPress管理>外観>カスタマイズ>スタイルに移動します。
カスタマイズセクションでは、フォントの色、サイズ、背景色を変更できます。
WooCommerceテーマスタイルをカスタマイズする
このセクションでは、タイトル、価格、セール価格、カートボタン、在庫切れ、クイックビューボタンなど、多くの要素のようなWooCommerce要素の色オプションを制御します。
ホームページ設定をカスタマイズする
ホームページの設定をカスタマイズすることもできます。 投稿表示の従来の時系列順、または固定ページまたは静的ページのどちらを希望するかを、投稿を表示する順序で選択できます。 静的ページをホームページとして表示する場合は、2つのページを選択する必要があります。 1つは静的ホームページになり、もう1つは投稿が表示されます。
Ceratoテーマをインストールする方法と、さまざまなテーマオプションをカスタマイズする方法について説明しました。
Elementorビジュアルページビルダーがオンラインストアの作成にどのように役立つか、そして単純なドラッグアンドドロップオプションで見事なページレイアウトを作成する方法について説明しましょう。
Elementorとは何で、Ceratoテーマとの連携方法
Elementorは、WordPressサイト用のビジュアルページビルダーで、ユーザーはすべての変更を生き生きと視覚化できるライブモードでWebページを作成できます。
Elementorは、基本的なWordPressエディターに代わるライブフロントエンドエディターであるため、ユーザーはエディターモードとプレビューモードを行き来することなく、レイアウトの変更を簡単に視覚化できます。 この魅力的なページビルダーを使用すると、ユーザーはコーディングやCSSを使用せずに複雑なデザインを視覚的に作成できます。 詳細については、このチュートリアルを確認してください。
Elementor設定
[Elementor]>[Settings]移動しとの2つのチェックボックスをオン。
CeratoテーマでWooCommerceストアを作成します
ステップ1:ショップのホームページを作成する
ホームページをショップのフロントページとして設定する場合は、いくつかの基本的な変更を行い、デフォルトのWooCommerceベースページをWordPressショップのホームページに変更します。
ホームページ設定領域で: >フロントページ表示に移動>静的ページをクリック>ドロップダウンメニューから目的のページを選択>変更を保存。
フロントページにショップを表示するには、次の手順も実行します。
> WooCommerce>設定>製品>表示>現在のWordPressホームページ設定をショップに変更>変更を保存に移動します。
それでおしまい。 これで、ショップのホームページが表示されました。
ストア通知ページ
サイトに何らかの通知を表示する場合は、Webサイトのすべてのページに表示されるストア通知ページを作成します。 送料無料のお知らせまたは在庫限りのお知らせを表示できます。
ショップページに表示するように製品カタログをカスタマイズする
このセクションでは、ショップのメインページに表示する商品を選択します。 カテゴリを選択し、製品を分類する方法と、1行に表示する製品の数を選択します。
チェックアウトページの設定
また、チェックアウトページの設定を変更し、会社のポリシーに従って契約条件を作成できます。
ショップページをカスタマイズ
この設定セクションでは、複数の製品表示オプションを制御できます。
- ホームページに表示する製品の数
- 製品のホバー効果を有効または無効にする
- 製品カタログを有効/無効にします
- サイトで送料無料の通知を有効にする
- 製品の境界線を有効にする
- 製品のディスプレイ間の空白を制御する
- カートアイコン
- スライドショーでハイライトされた製品を上に表示する
- ショップサイドバー
製品ページの設定をカスタマイズする
このセクションでは、単一の製品ページ設定を設定でき、次のオプションを制御できます
- 製品共有オプションを有効/無効にします
- [今すぐ購入]オプションを有効にします。 このオプションを使用すると、ユーザーは購入する商品を選択すると、カートページにリダイレクトできます。
- 次または前の製品のナビゲーションを有効にする
- 製品のズームオプションを有効にする
- 他の閲覧者が最近閲覧した製品を有効にする
- 利用可能な関連製品を有効にする
新製品を追加および管理する方法
左側のバーでは、製品メニューオプションが利用でき、新しい製品を追加できます。 商品の追加をクリックすると、ウィンドウがポップアップし、その属性、タイトル、価格、在庫の詳細をすべて入力できます。
複数のカテゴリを作成する
無制限のクラスを作成して、製品を整理します。 顧客はさまざまなカテゴリ間を簡単に移動し、手間をかけずに必要な製品を分類できます。
注文追跡ページを作成する
Ceratoテーマにより、ユーザーは顧客用のトラッキングページを作成できます。 次の手順を実行します
- ページメニューから新しいページを追加
- ページタイトルを作成する
- [woocommerce_order_tracking]
- 公開をクリックします
ウィッシュリストを作成してページを比較する
この手順に従ってウィッシュリストを作成し、ページを比較します。
ステップ1 :ウィッシュリスト用の新しいページを作成し、ページを比較します。
ステップ2 :>カスタマイズ>ウィッシュリスト/比較に移動します
これら2つの領域を設定した後、ウィッシュリストと比較ページの最終的な表示は次のようになります。
まとめ
Ceratoは、間違いなくElementorページビルダーに付属する完璧なWordPressテーマの1つです。 Ceratoテーマの豊富な機能は、カスタマイズ可能なオプションが豊富な魅力的なオンラインeコマースストアを作成するのに最適な選択肢です。 すばらしいヘッダーとフッターのレイアウト、製品とカタログの詳細、その他多くのオプションを作成できます。 したがって、オンラインストアの作成に最適なホームページスタイルを試してください。