こんにちは。このセクションでは、別の強力な toc サイトである Electro のテーマを共有しています。

エレクトロテーマの紹介:

ThemeforestでのElectroの売上も非常に高いです。私はかなり前からこのテーマを使っています。どのようなサイトに適していますか?例えば、独立したサイトを構築する場合、それはtocサイトであり、それからあなたのカテゴリーがたくさんあります、AliExpressやAmazonのようなプラットフォームレベルのtocポータルサイトと同様です、または独立したサイトに複数のブランドの製品がある場合、この時点でElectroテーマを使用して構築すると、この豊かな効果が得られます。これは私たちが開いたデモサイトの1つで、Electroを通じて実現されています。

1 エレクトロテーマデモエフェクト

サイト全体が非常に充実しています。左側には、AmazonやAliExpressのAlibaba International Stationに似た複数のカテゴリがあります。各カテゴリには多くのサブカテゴリがあり、さらに多くのアクティビティがあります。異なるカテゴリの製品は、異なる方法で提示する必要があります。このようなサイトでは、Electroを使用すると非常に便利です。

公式の紹介を見てみましょう。まず、このテーマは、非常にユーザーフレンドリーな、非常にクリーンでモジュール化されたビジネステーマであると述べています。現在、バージョンは13以降に更新されており、多くの種類があります。スタイル、それぞれが複数のカテゴリ、複数のサプライチェーン、複数のブランドを備えた統合プラットフォームレベルの独立したステーションです。

もちろん、各インターフェースが非常に複雑なため、デモンストレーションの効果は特に大きくなく、デモンストレーションサイトもそれほど多くありません。

フレンドリーなモバイル適応:

下部には、置き換え可能なさまざまなページ用に設計されたテンプレートであるデモ ページがいくつか追加されています。また、モバイル フォンにも非常に便利です。

2 エレクトロテーマの携帯電話エフェクト

通常、このような大規模なサイトを見ると、心配になるのはモバイル版だけです。このサイトは、モバイル版にすでに使いやすい変更が加えられているため、モバイル版でも非常にすっきりと表示されます。

10 種類のヘッダー表示スタイル:

以下に、多くのヘッダー スタイルが提供されています。ヘッダーをカスタマイズすることはできませんが、多くのスタイルが提供されているため、ページごとに異なるヘッダーを表示することもできます。

3 エレクトロテーマの異なるヘッダーエリアスタイル

以下は、主に当社の製品ページに関する Wukong の互換性の一部です。一部のボックス モデル、フルスクリーン サイドバー、一部の属性タグが含まれます。

メインストリームプラグインの互換性:

これがこのトピックの紹介です。まず第一に、それは エレメンター このプラグインはこのページビルダー用であり、以下とも互換性があります。 WPベーカリー また、その背景には管理者の設定インターフェイスもあります。以下は、あらかじめ用意された色とその他の指示の一部です。また、データのワンクリックインポートもサポートしています。また、SEO にも比較的優しく、さまざまな多言語サイトをサポートしています。

4 エレクトロテーマのその他の機能

そこで、このテーマを用意しましたので、このページから直接ダウンロードできます。メインプログラムとサブテーマを含め、ここからダウンロードしました。このテーマも GPL 契約に従います。はい、オープンソース ライセンスです。私たちが皆さんと共有するテーマとプラグインはすべて GPL ライセンスに従います。もちろん、プラグインもいくつか含まれています。もちろん、これらのプラグインをオンラインでインストールしたり、一部のデータをインポートしたりできます。

エレクトロテーマのインストール:

さて、サイトに入りましょう。ここでは、純粋な WordPress サイトを準備し、テーマを見つけて、メイン プログラムを見つけて、クリックしてインストールを開きます。

テーマが正常にインストールされたら、それをアクティブ化します。これでテーマがアクティブ化されました。

5 エレクトロテーマのアクティベーション e1713435975294

もちろん、今ホームページを更新すると、このテーマに変更されていますが、このテーマがごちゃごちゃしていることがわかります。これは、このテーマに非常に多くの設定があるためです。特にホームページでは、正常に表示するためにさまざまなカテゴリの製品を呼び出す必要があるため、ここでこのテーマを使用する唯一の方法は、データをインポートし、このデータに基づいてページを変更することです。したがって、他のテーマとは異なり、データをインポートする必要はありません。ページビルダーを使用して、ページを少しずつ構築できます。ただし、このテーマはインポートする必要があります。そうしないと、セットアップが非常に面倒になります。

Electro Essentials プラグインのインストール:

したがって、データをインポートする場合は、必要なプラグインをインストールする必要があります。ここで、プラグインのインストールをクリックします。プラグインはたくさんあります。新しいサイトの場合は、すべてのプラグインをインストールすることをお勧めします。最初にすべてのプラグインをインストールし、後で削除します。

6 エレクトロテーマにはプラグインのインストールリストが必要です e1713436083687

これらのプラグインの多くは重複していることがわかります。たとえば、ACF はいくつかのカスタマイズを追加します。これは役に立ちませんが、インストールすることもできます。次に、2 番目は拡張プラグインで、3 番目は Envato Market のコンポーネントへのリンクです。これは、このテーマを購入したことを証明するものであり、承認であり、オンラインでアップグレードできます。次に、他のいくつかのコンポーネントです。そのうちの 1 つにはデータのインポートがあるため、最初にこれらすべてのプラグインをインストールする必要があります。その後、各プラグインの役割と使用できるプラグインを理解します。削除して、インストールをクリックします。

すべてのプラグインが正常にインストールされたら、これらのプラグインを有効にします。有効にしたら、背景を更新します。これで、いくつかの追加機能が追加されます。心配する必要はありません。ここにあります。テーマ設定オプション。

7 エレクトロテーマ設定オプション e1713436137228

このようなテーマ設定項目は、プラグインのパネルをインストールした場合にのみ表示されるため、追加されるその他のコンテンツは非常に少ないです。もちろん、静的ブロックが追加されることもわかります。これは、私たちの エレメンター.

電気テンプレートデータのインポート:

ここで最初にデータをインポートします。テーマ内にデータがあります。このテーマ内に配置されます。テーマ内にデータのインポートがあります。クリックして開きます。開くと、ここでそのテーマのいくつかを見ることができます。

8 エレクトロテーマスタイルインポートポータル e1713436224840

もちろん、上にもいくつかの注意事項があります。たとえば、物理的なコントロールがアップグレードされていない場合、影響はありません。ここでのテーマ スタイルも、さまざまなページ ビルダーに分かれています。最初に表示されるのはすべてのデータです。2 番目はいくつかのテンプレート用で、個別のページをインポートします。たとえば、ホームページをインポートし、その他はホームです。

3 つ目は、WPbakery ページ ビルダーを使用して作成されたページです。WPbakery ビルダーの使用に慣れている場合は、この方法でインポートできます。テーマ スタイルは長いですが、このオプションを使用してこれらのページをインポートします。これらはすべて似ていますが、使用されるページ ビルダーが異なるため、後で編集する方法も異なります。

もう 1 つは Elementor を使用することです。Elementor を使用する場合は、まず Elementor を内部にインポートします。私は Elementor を使用することを好むため、このインターフェイスを直接使用してインポートします。もちろん、ここでは気にしない他のものもいくつかあります。ニーズや構築したいものに合ったものを選択できます。いくつかの独立したステーションのニーズが一致したら、それをインポートできます。たとえば、この時点でページをインポートし、プレビューすることもできます。ここでは、プラグインを直接クリックしてインストールします。

9 エレクトロテーマのインストールElementorプラグイン

また、いくつかのプラグインがまだインストールされていないというメッセージが表示されます。そのうちの2つはElementorで、1つは私たちのものです。 woocommerce アップグレードする必要があるため、これら2つのプラグインを有効にします。新しいサイトにElementorを初めてインストールすると、リマインダーが表示されるためです。心配する必要はありません。次に、背景を直接再度入力します。背景を入力した後、再び見つけます。外観にデータをインポートし、Elementorを見つけて、今度はそのデータを直接インポートできます。クリックしてデータをインポートすると、必要なプラグインが必要であることが通知されます。これらのプラグインはすでにインストールされているため、[インポートを続行]をクリックすると、データのインポートに役立ちます。これがエクスポートされたスタイルです。

10 エレクトロテーマスタイルデータのインポートプロセス

プロンプトデータが正常にインポートされたら、ホームページに戻って更新すると、インターフェース全体の効果が表示されます。もちろん、そこに表示されるデータは比較的小さいです。

11 エレクトロテーマスタイルデータインポートデモ

ただし、メニューからここにコンテンツを追加できます。次に、左側にロゴとメニューが表示されます。ここでメニューと検索を追加できます。検索でさまざまなカテゴリを選択することもできます。検索なので、左側にフローティングメニューがある大規模なポータルタイプの目次サイトです。しかし、インポートした後、問題が見つかりました。その中の画像が表示されません。これは、このテーマに他のものが含まれているためです。使用されている画像は、当社によって承認されていません。どのバージョンを使用しても、エクスポートされた結果は次のようになります。

したがって、上のバナーを含め、ここにある製品を自分の製品に変更する必要があります。内部の写真は表示されません。上部と下部の構造を含め、すべてプレースホルダーを使用して表示されており、非常に豊富であることがわかり、製品の1つを開きました。

12エレクトロテーマの商品詳細ページ

また、非常に豊富な製品インターフェースを入力することもできます。これは、一般的にAmazonやAlibaba International Stationに似ており、この効果があります。ここで、複数のブランドと複数のサプライヤーを追加することもできます。デモサイトから、ここで販売されている製品は非常に多様であり、あらゆる種類の電子製品が含まれていることがわかります。このようにして、エレクトロテーマが完成しました。最初のステップは、インストールとデータのインポートです。