Elementor は強力な回転 (カルーセル)ウィジェットを使うと、ダイナミックで美しい商品陳列ギャラリーを簡単に作成することができます。このガイドでは、Elementor の Rotate ウィジェットを使用して、人目を引く商品陳列ギャラリーを作成する方法を詳しく説明します。製品ギャラリーまた、これらのステップを理解し、適用するのに役立つ具体的な例を挙げている。
ステップ1:Elementor Proをインストールして有効化する
Elementorの回転ウィジェットを使用するには、インストールと有効化が必要です。 エレメンタル・プロ バージョンElementorの無料版には回転機能が組み込まれていませんので、Pro版へのアップグレードが必要です。
ステップ2:新規ページの作成または既存ページの編集
- WordPressのダッシュボードにログインし、"ウェブページ「をクリックしてください。新しいページを追加する"をクリックするか、ローテーションを追加したい既存のページを編集する。
- ページエディターで"Elementorエディタを使う".
ステップ3:商品画像を追加する
- Elementorページエディタの左側の列で"回転".
- 意志"イメージ回転「ガジェットをページ上の好きな場所にドラッグ&ドロップする。
- 回転する "をクリック写真を追加する"オプションで、表示したい商品画像を選択してアップロードします。選択できるのはポスター画像は鮮明で同じ大きさであることを確認し、一貫した視覚効果を得る。
例
ジュエリーショップを経営していると仮定すると、ブレスレットやネックレスの複数の画像をさまざまな角度からアップロードし、各商品の詳細画像を掲載することができます。それらを回転させることで、訪問者は商品のさまざまな詳細を簡単に見ることができます。
ステップ4:回転の設定
- で "エレメント"タブでは、回転のレイアウトを設定できます。一度に表示する画像の枚数を設定し(例:3枚表示)、回転のスクロール方法を設定します(例:1枚ずつ表示)。
- スライディングやフェードなどの回転アニメーション効果も、商品ディスプレイの視覚的アピールを高めるために設定できる。
例
商品の詳細を表示するには、"フェードイン・フェードアウト"効果により、顧客が商品画像をスクロールする際、スムーズな遷移が感じられ、より高度なビジュアル体験ができる。
ステップ5:カスタムスタイル
Elementorはローテーションのスタイルを完全にカスタマイズすることができ、あなたのブランドスタイルにマッチするようにします。回転のスタイルをカスタマイズできます。タイプ"タブを設定することができる:
- 写真マージン、スペーシング
- ボーダーとシャドーエフェクト
- 回転矢印とナビゲーション・ドットのスタイル
ステップ6:商品のリンクや情報を追加する
の画像を表示するだけでなく各商品へのリンクを追加する商品画像をクリックすると、商品詳細ページにジャンプします。で "エレメント"設定で、各画像をクリックしてカスタムリンクを追加する。
ステップ7:プレビューと公開
ローテーションの設定が終わったら、ページ下部の "プレビューの変更"をクリックし、回転が期待通りに機能することを確認する。エラーがないことを確認したら、" "をクリックします。ポスト「ボタン
実用シナリオ
- ファッションeコマース衣料品や履物などを多角的に回転させることで、商品の詳細を見せることができ、顧客の購買意欲を高めることができる。
- 宝飾品または高級品の展示美しい画像とゆっくりとした回転効果で高級感を演出し、お客さまに商品の精巧なディテールをよりよく理解していただく。
- エレクトロニクス・ショーケースさまざまな機能や外観の詳細を回転させることで、顧客の商品に対する全体的な理解を深める。
概要
Elementorの回転ウィジェットは、商品プレゼンテーションのための柔軟で美しいソリューションを提供します。ファッション、エレクトロニクス、ラグジュアリーのどの業界であっても、画像の回転を使用することで、ページのビジュアルアピールを劇的に改善し、ユーザーにより良いブラウジング体験を提供することができます。これらの簡単なステップで、ダイナミックでプロフェッショナルな商品ショーケースギャラリーを簡単に作成することができます。
お問い合わせ |
---|
記事が読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ! |
① 電話:020-2206-9892 |
② QQ咨询:1025174874 |
三 Eメール:info@361sale.com |
④ 勤務時間:月~金、9:30~18:30、祝日休み |