こんにちは。このセクションでは、比較的シンプルでデザイン性に優れたテーマ「Elessi」を紹介します。

もちろん、この名前は自分で作った名前なので、好きなように呼んでください。Themeforestにあり、販売量は他のものに比べて特に多くありません。 アバダ または フラットサム 年間売上が数億なので、これは比較にならないほど小さいです。しかし、このテーマは新しく開発されました。説明を見ると、woocommerce 用です。Ajax は動的非更新読み込み方式なので、速度は比較的速いです。

1 エレッシィテーマの紹介

また、応答速度も非常にスムーズで、使用感も非常に良好です。

以下のRTLは右から左へのソートをサポートしています。これは主に中東諸国とその読書習慣の一部を対象としています。また、その評価が非常に高いことがわかります。これらは最も重要なことではありません。少し理解するだけで十分です。、ここでは主に公式サイトにアクセスしてその特徴を理解します。今は外観制御の時代であり、独立したウェブサイトだけでなく、自動車や携帯電話を製造するかどうかを含め、他のすべてのコンテンツも基本的に見栄えの良いものを作れば、多くの人に愛されるからです。

独立したウェブサイトを作るときも同じです。まずはウェブサイトの見栄えを良くする必要があります。そのため、テーマを選ぶときは、比較的目を引くテーマをいくつか選択する必要があります。これが最も重要なことです。

Elessiテーマの紹介:

公式ウェブサイトにアクセスすると、最初に、40 を超えるホームページ表示エフェクト、100 を超えるモジュール、9 つの消費ページ、12 の製品詳細ページなどを提供していることがわかります。

2つのエレッシィテーマの機能

Elessi テーマストア機能モジュール:

一つずつ見ていきましょう。次に、そのコアコンテンツのいくつかを見てみましょう。ここでのコンテンツは、特にアクティビティを行うときにカウントダウンなど、tocサイトでよく使用されるいくつかのものをワンクリックで統合したものです。 、またはプレセールを行うときにカウントダウン効果を持たせ、ユーザーに緊急感を与えて、ユーザーがすぐに注文するように促します。

3 Elessiテーマtocストアモジュール

2 つ目は、送料無料のお知らせです。たとえば、$100 で送料無料を提供する場合、商品を購入した後にいくら残っていれば送料無料になるかを伝えることができます。このとき、商品をおすすめすることができます。3 つ目は、複数購入割引モジュールです。以前、このような機能を備えたテーマを紹介しましたが、この機能を使用するにはプラグインのインストールが必要です。

次は偽のユーザービューです。もう 1 つは、一緒に購入すること、販売数量、到着日などを含む偽の購入ポップアップ ウィンドウです。こちらは送料無料で、もう 1 つは組み込みの「今すぐ購入。クイック購入」です。

それからもう1つは、詳細ページにフローティングショッピングウィンドウが表示されることです。これは、一緒に購入することも含めて、後でデモを行います。これらのモジュールは、マーケティングを行うときにtocサイトを構築するとき、および運用を行うときに使用します。ストア全体のコンバージョン率を向上させることができるため、使用する必要があります。そのため、これらのモジュールは、ワンクリックでこのテーマに統合され、その後、引き続き下を見ていきます。

Elessi テーマ テンプレート スタイル:

以下はデモです。多くのテンプレートスタイルが提供されており、各テンプレートは2ページビルダーをサポートしています。たとえば、Baikeruiと私たちのお気に入りの エレメンターここでは、Elementor のプレビューを直接使用します。ページが開くのを待ってから、読み続けることができます。

4 Elessiテーマテンプレートデータ

エレッシィ製品フィルタリング機能:

以下は、そのショップの 1 つです。たとえば、ここにはピン留めされたメッセージと、写真コレクションの画像の表示方法があります。スクロール表示があり、左側にヘッドがあります。サイドバー、このフィルターをヘッダーに配置することもできます。上部のサイドバーも含みます。クリックすると読み込まれます。これは Ajax を使用しているため、更新せずに読み込まれる方法です。さらに、左側にサイドバーがあります。これらは、その独自の機能です。それについて学び、次に下を見続けます。もちろん、以下はその製品のいくつかのディスプレイです。ディスプレイは非常に簡潔で、非常に美しいです。

5 Elessiテーマ製品フィルターモジュール

エレッシィテーマのショッピングプロセス体験:

それではチェックアウトを見てみましょう。以前、Xue E-Commerce Networkのショッピングプロセス最適化プラグインを紹介しました。 チェックアウトWC このテーマはそのような機能を直接提供し、直接最適化するので、プラグインをインストールする必要はありません。

6 Elessiテーマチェックアウト統合モジュール

また、他の製品も見ることができ、購入プロセス全体も非常に高いユーザーエクスペリエンスを実現しています。

Elessi テーマの注目モジュール:

もう一つの特徴は、その機能です。例えば、サイドに表示されるショッピング バー、ポップアップ ショッピング バー、コレクション構造の比較、クイック プレビューなどのウィッシュリストがあります。これらの機能は私たちにとって必要です。

7 Elessiテーマストアの注目モジュール

Elessi テーマの携帯電話モバイル適応:

以下は彼の携帯電話の適応です。彼の携帯電話の体験はとても良いです。

8つのエレッシィテーマのモバイルエフェクト

これはショップ、単一製品の製品ページ、ショッピングカートへの追加、コメントの追加などにフィルタリングされていることがわかります。これらのモジュールの効果はすべて非常に良好です。

Elessi テーマスタイルのデモ:

デモサイトを開いてサイト全体のスタイルを確認することができます。もちろん、Elementor と互換性があるので、ページ全体を再構築することもできます。

8 Elessiテーマデモスタイル

エレッシィテーマ製品詳細効果:

今開いているのは、公式に提供されているテンプレートの一部にすぎません。これらの製品の全体的な効果は非常にシンプルで雰囲気があることがわかりました。次に、製品を開きます。

9 Elessiテーマの製品詳細ページ効果

開けてみると、例えば1つ買うといくらかかるか、2つ買うといくらかかるかなどの効果が見えますが、これらはすべてプロモーション用です。そして、さまざまな表示方法、写真や色で表示されることがわかり、説明も含め、とても美しいです。

次に、左側にフィルタリング モジュールがあります。これも Ajax の効果によるもので、動的な効果があり、表示されると非常に華やかになります。このようなテーマです。次に、下部にショッピング カートを追加するためのフローティング ウィンドウがあります。これは非常に見栄えの良いテーマです。

もちろん、コアモジュールも見ることができます。これらのモジュールについては、まずポータルタイプのモールとして設定できます。カテゴリが多数ある場合は、このフローティングカテゴリを使用して追加できます。

11 Elessi テーマコアの注目モジュール

さらに、Ajax 検索エフェクトも搭載されています。Ajax 検索ではクリックして確認する必要はありません。テキストを入力するだけで、一致するコンテンツがあれば自動的に表示されます。このような検索はより効率的でユーザーフレンドリーです。さらに良くなるでしょう。

さらに、テーマ スタイルをワンクリックでインポートできます。以下は、画像の拡大効果や多くの機能を含むバリエーションの表示です。詳細については、公式 Web サイトをご覧ください。

話はここまでにして、このテーマのインストール方法を説明します。

Elessi テーマのインストール デモ:

さて、私たちはあなたのためにこのテーマを用意しました。現在のバージョンは 6.0 で、中国語パッケージも提供しています。ここでは、woocommerce がインストールされた純粋な WordPress サイトを用意しました。次に、テーマのインストールをクリックし、新しいテーマの追加をクリックして、準備したテーマ ファイルをアップロードし、クリックしてインストールを開きます。

テーマが正常にインストールされたら、すぐに有効化します。有効化後、最初にテーマに関するリマインダーが表示されます。インストールする必要があるコアプラグインがいくつかあるため、クリックしてプラグインのインストールインターフェイスに入ります。これはすべてビジネスです。すべてのテーマに備わっている機能です。

12 Elessi テーマのアクティベーションに必要なプラグイン e1713422855956

最初にインストールされるのはテーマのコアコンポーネント、2番目はフォーム、3番目はインポートしたものになります。 エレメンター、Elementorをインストールしてください。 WPベーカリー WPbakery をインストールするだけで、これら 2 つのうちの 1 つをインストールするだけです。

13 Elessi テーマ プラグイン インストール リスト e1713422990518

もう一つはスライドです スライダー革命、そしてここで、Elementor のヘッドとボトムの構造を見ることができます。ここでは、最初に Elementor をインストールします。その後、Baikerui は Elementor を最初にインストールするのではなく、まずこれらのプラグインをインストールします。もちろん、その時点で Baikerui を使い慣れている場合は、Elementor をインストールする必要はありません。重複しているのはこの 2 つだけです。

プラグインが正常にインストールされたら、この必要なプラグインに戻ります。プラグインを有効にしてアクティブ化する必要があります。これで必要なプラグインがすべてインストールされ、テーマ設定インターフェイスに入ります。

14 Elessi テーマ設定インターフェース e1713423086837

設定を入力すると、ここにいくつかの基本設定があることがわかります。ここでの設定については後のコースで説明し、その後に次のステップを実行するため、ここでは説明しません。操作はデータを直接インポートすることです。これは、ビジネステーマを使用するために必要なプロセスでもあります。

もちろん、左側にあるこれらの機能については後で説明します。ここではテーマウィザードがあることがわかります。クリックして開きます。

15 Elessiテーマデータインポートウィザード

しかし、彼はまだ WPbakery をインストールする必要があります。なぜなら、Elementor と WPbakery のどちらを使用しているか判断できないためです。そのため、このプラグインをインストールして、[続行] をクリックします。ここで、WPbakery と Elemento に分かれていることがわかります。私たちは Elemento の使用に慣れています。Elemento を使用して、スタイルを選択し、それをインポートするだけです。たとえば、最初のスタイルを選択します。

16 Elessiテーマテンプレートスタイルのインポート

これはプレビューしている効果です。ここでデータを直接インポートできます。もちろん、すべてのホームページをインポートして選択することもできます。これは必須ではありません。1 つだけインポートできるので、最初の 1 つだけをインポートして、[インポートの開始] をクリックします。

17 Elessi テーマ テンプレート データのインポートの進行状況

彼は、サブテーマと必要なプラグインのインストールを手伝ってくれます。Elementor を選択したので、このプラグインは必要ありません。彼は、スライドなどを含むモジュールやホームページだけでなく、すべてのデータをインポートするのを手伝ってくれます。少し待ちましょう。

しばらく待つと、すべてのデータが正常にインポートされたことがわかります。次に、ホームページに戻って更新すると、テンプレート スタイル全体がインポートされたことがわかります。

18 Elessi テーマ テンプレートのインポート成功デモ e1713423169934

先ほどデモサイトを見ましたが、同じ商品の画像はすべてプレースホルダーを使用しているため、これらの画像を独自のものに変更し、商品のフレームページ全体を開いて、そのコンテンツが正常にインポートされていることを確認することができます。

インポート インターフェイスに戻りましょう。ここでは、無料のドアと WooCommerce ツールの設定を行うことができます。また、テーマ設定に戻ることもできます。これは、Elessi テーマのインストールとデータに関するものです。インポート後、次のレッスンでこのテーマの設定とその使用方法について説明します。