このセクションでは、もう 1 つの非常に人気があり、最速の WordPress テーマである Astra を紹介します。

Astraテーマ紹介:

Astra テーマは Themeforest ではなく独自のサイトで販売されていますが、このテーマは誰もがよく知っていると思います。たとえば、WordPress のバックエンドを開いてテーマを見つけ、新しいテーマを追加します。新しいテーマのリストには、WordPress が提供する無料のテーマ (公式テーマを含む) が表示されます。現在最も人気のあるのは公式テンプレートであることがわかります。

1 Wordpress無料テーマ人気ランキング

2 つ目は、もちろん、公式の Elementor プラグインによって提供されるより高速なテーマです。このテーマには機能はありません。主にそれと連携します。

Elementor: このプラグインを使用します。3つ目は、Astraは現在3位にランクされていますが、その後ろのランキングが下がった場合は、ここでAstraを検索するだけです。このように、このテーマは非常に広く使用されていることがわかります。

まずはこのテーマについて学んでみましょう。このテーマの最大の特徴は、高速であることです。

もちろん、すべてのビジネステーマがスピードを伴う場合、その機能は限られていることを知っておく必要があります。つまり、その機能は、たとえば、以前に共有したテーマとは異なります。 アバダ または次のようなテーマ ベテムモジュールは非常に豊富で、ほとんどの独立ステーションの機能ニーズを満たすことができます。ただし、テーマが高速である場合、いくつかの珍しい機能が放棄されるため、それを使用する場合、この機能を拡張するためにいくつかのプラグインを使用するしかありません。ニーズに基づいて独立ステーションを構築するには、どのようなテーマを選択する必要がありますか?もう1つは、後で商用プラグインの購入を検討する必要があることです。パフォーマンスの最適化を含め、これも重要です。

Astraテンプレートスタイル:

まず Astra を見てみましょう。最初のものは多くのテンプレートを提供します。機能は多くありませんが、インポートできるテンプレートを多数提供します。これらのテンプレートも、あらゆる分野に関係しています。プロフェッショナルな Tobs や Tocs、ポータル ブログなどがあります。

2 Astraテーマテンプレートデモスタイル

2つ目は、PROバージョンです。このテーマにはWordPressバックエンドに無料バージョンがありますが、よく使用する独立ステーションのヘッドモジュールやコンポーネントの1つ、フローティングなど、機能が大幅に少なく、利用できません。そのため、後で無料バージョンをインストールした後、PROプラグインをインストールする必要があります。

Astraテーマの特徴:

次に、このテーマの公式機能のいくつかを主に見ていきます。まず、このテーマが誇るパフォーマンスです。つまり、速度が非常に速く、総サイズが 50KB 未満です。通常、先ほどインストールした Betheme テーマは 9.46M で、Avada はさらに大きく、40M に達することもあります。しかし、Astra は約 50KB しかありません。JS を放棄する別のライブラリは jQuery と呼ばれます。

3 Astraテーマのファイルサイズとjsライブラリ

私たちは皆、私たちの独立戦争にはスライドや一部のユーザーインタラクションなどの特殊効果があり、JSが必要であることを知っています。その後、JSを使用してインタラクションを完了しますが、JSには、JSの一部の機能モジュールがjQueryライブラリと呼ばれる特殊効果に合成されたライブラリがあります。テーマがjQueryライブラリを使用する場合、最初にそれを呼び出す必要があるため、速度がわずかに遅くなります。一般的なテーマの場合、効果はより鮮明になり、jQueryライブラリが呼び出されますが、このテーマはjQueryライブラリを直接放棄します。また、そのテーマとコード容量は非常に小さいため、速度は間違いなく速くなります。

このテーマをパフォーマンス最適化プラグインと一緒に使用しても、それらは必要ないかもしれません。最大で CDN を追加できます。これが 1 つ目の利点です。

4 Astraテーマのサイトレイアウト

2 つ目は、レイアウト、翻訳されたヘッダー、フローティング ヘッダーなど、すべてデフォルトで含まれているデザイン モジュールです。また、スーパー メニューもいくつか含まれており、これが 2 つ目の利点です。3 つ目は、サイトのレイアウトです。たとえば、サイトがフル幅かボックス モデルか、いくつかの設定を含むコア モデルなどです。

5 Astraテーマのフォントスタイル

次はフォントです。独立性と高速性を維持したいなら、この点を忘れてはいけません。jQuery や Google フォント ライブラリなど、外部コンポーネントの呼び出しをできるだけ少なくするようにしています。当社の独立した Web サイトはそれほど遅くならないので、ここではカスタマイズされたフォント モジュールをいくつか提供しています。もちろん、Google が使用できるフォントを選択することもできます。

もう 1 つは通常のものです。たとえば、各モジュールの背景色を変更します。もう 1 つは、ブログ、ブログのレイアウト、および全体的な状況のデザイン用です。全体的なデザインは、ロゴの左右の放出、コンテンツの位置調整、および物理的な制御用です。WordPress を使用して toc サイトを構築する場合、もちろん物理的な制御が不可欠であるため、ほとんどの企業が知っています。テーマはすべて tob サイトと toc サイトをカバーしているため、どのテーマでも、あらゆる種類の独立した Web サイトの構築を完了できます。使い方を知っているかどうかによって異なります。

次に、Woocommerce コンテンツの場合、もう 1 つは統合です。以前使用したビジネス テーマの多くでは、統合モジュールがいくつかあることがわかります。これは、このテーマがどれほど強力であっても、常にあまりプロフェッショナルではない機能がいくつかあるためです。そのため、SEO プラグインを含む他のプラグインと統合する必要があります。最後に、デフォルトでいくつかのモジュールがあり、最後に、カスタム レイアウトと公式サポートがいくつかありますが、公式サポートを受けるには購入する必要があります。PRO バージョンのみを使用できます。

アストラビジネステーマ価格:

それでは、次の製品についてはこれ以上触れません。主に価格について見ていきましょう。

通常、Themeforest でビジネス テーマを購入することをお勧めする理由を皆さんに理解していただく必要がありますが、Themeforest にはより強力なビジネス テーマがすべて含まれているわけではありません。たとえば、現在ご覧になっている Astra は Themeforest にはありません。販売については、独自の独立した Web サイトで直接販売しています。これはなぜでしょうか。

プラットフォーム上で最初に販売した場合、プラットフォームに一定の手数料が支払われるため、利益が少し少なくなることは誰もが知っています。

もう 1 つは、これらのプラットフォーム上のいくつかのルールに従う必要があることです。たとえば、Amazon で製品を販売することは、独自の独立した Web サイトで製品を販売することとはまったく異なります。

Amazonでは、Amazonのルールに従う必要があります。たとえば、商標を持っている必要があります。独自の独立ステーションにロゴを載せて、商品を直接販売することもできます。ルールは完全に自分で決めます。Amazonとは違います。たとえば、成人向けの電子タバコは販売できませんし、ブラックカテゴリー5もありますが、当社の独立サイトでは何でもできます。

Astraのコストを見てみましょう。このテーマのコストは、私が今まで見た中で最も高いです。年間会員と生涯ライセンスの2つのバージョンに分かれていることがわかります。年間会員の場合、最初のエピソードのPROバージョンの価格は44ドルです。生涯会員を購入すると200ドル以上かかり、比較的高価です。

6 Astra ビジネステーマの価格表

もちろん、他の機能もいくつかあります。もちろん、これらの機能は主に商用サービス向けであり、たとえば、2 番目のバージョンには Elementor 拡張プラグインが含まれています。このような拡張プラグインの場合、オープンソース バージョンである GPL バージョンを直接ダウンロードできるため、ここでこのようなプラグインを購入しなくても、他のチャネルを見つけて個別にインストールすることができます。

Astra の PRO バージョンは、独立した Web サイトを構築するのに十分です。

Astraテーマのインストール:

以下でインストールしてみましょう。インストールはいくつかのステップに分かれています。

  • Astra無料版テーマをインストールします。
  • Xuejianzhan.com が提供するプラグインを使用して Pro バージョンをアクティブ化します。
  • テーマに必要なプラグインをインストールします。

Astra無料版のインストール:

まず、無料版をインストールしましょう。ランキングに表示されない場合は、検索結果とバーでこのテーマを直接検索してください。最初に見つかったものをクリックします。

7 Astra 無料テーマ検索インストールアクティベーション e1713519149425

インストール後、すぐに有効化します。ここで、特に一部の海外ビジネステーマについては、インストール時、必要なプラグインのダウンロード時、またはデータのインポート時に、インターネット接続が必要になる場合があることをご説明する必要があります。アップロードまたはインポートできない場合は、今すぐ外部ネットワーク環境を開く必要があります。そうでない場合、ローカル環境では、たとえば中国では Google Fonts を開くことができないため、この時点ではダウンロードに失敗した可能性がありますので、ご確認ください。

インストールが成功すると、側面に Astra 機能ボタンが表示されます。クリックしてダッシュボードに入り、使用できることがわかります。

8 Astra テーマ ダッシュボード e1713519197353

インストールビデオもいくつかあります。英語版には、デフォルトで付属している無料機能がいくつかあります。たとえば、サイトアイコン、ヘッダーページと下部構造、色とフォントの変更を設定できます。ただし、次の場合は PRO ロゴが表示され、これらのモジュールを開くことができません。

AstraテーマProバージョンが有効化されました:

次に、PRO バージョンをインストールし、PRO アクティベーションを実行し、プラグインを入力して、[新規追加] をクリックする必要があります。コンピューターのデスクトップには、中国語パッケージを含む、このようなテーマに必要なプラグインがいくつか用意されています。

9 Astraテーマ必須プラグイン e1713519537790

ここには 3 つのプラグインがあることがわかります。1 つ目は PRO バージョン、2 つ目はアトラス用、3 つ目はサイトからのワンクリック データ インポート用です。必要に応じてインストールできます。最初に PRO バージョンをインストールし、次に最初のインストールをインストールして開き、直接インストールします。

インストールが成功したら、このプラグインを有効にして、Astra のような機能パネルに移動します。ダッシュボードでは、次のすべての機能が開いていることがわかります。これらは 1 回のクリックで有効にできますが、必要に応じて有効にすることもできます。ここでは、1 回のクリックで有効にします。有効にすると、これらの設定を呼び出すことができます。

10 Astraテーマプロ機能の有効化 e1713519301280

したがって、以下の灰色のものはテスト バージョンです。PRO バージョンは公開されていないため、使用できません。Astra テーマをアクティブ化した後、次の手順は、通常のビジネス テーマの使用に従ってそのスタイルをインポートすることです。

Astraテーマテンプレートスタイルのインポート:

3 番目のボタンはスタイルのインポートを開始するためのものですが、データ インポート用のプラグインがないため、現在はインポートできないというメッセージが表示されます。そのため、プラグインを再度入力し、新規追加してからプラグインをアップロードして、プラグイン パッケージの Astra-pro-sites プラグインを選択し、クリックしてインストールを開きます。インストールが成功したら、プラグインをアクティブ化します。これで、このようなデータ インポート インターフェイスに直接移動します。

11 Astraテーマデータインポートインターフェース

もう 1 つのプラグインである Astra-portfolio は、当社のアトラスです。必要な場合は追加できます。必要ない場合は、インストールする必要はありません。アトラスは当社の事例や一部のプロジェクトを参照しているため、現時点ではここではインストールしません。そのようなコンテンツがない場合は、追加する必要はありません。

データのインポートプロセスを見てみましょう。ここでは、各テンプレートスタイルが3つのページビルダーをサポートしていることがわかります。1つ目は、WordPressのデフォルトのGutenbergエディターです。もちろん、WordPressのデフォルトのGutenbergも開発中であり、多くの拡張プラグインもあります。WordPressの元のページ構築モジュールを直接使用するため、現時点では最も速い方法ですが、これは比較的視覚的ではありません。そのため、多くの人にとって、特に使いやすいものではありません。このモジュールの使用方法についても後で説明します。

2つ目は エレメンター私たちにとって非常に馴染み深いものです。

サードページ ビルダーは市場での使用率が比較的低いため、ほとんど使用しません。そのため、問題が発生したり、機能拡張をしたい場合に面倒になります。そのため、現在 Astra テーマに適合するページ ビルダーでもある中間の Elementor を使用します。

真ん中の要素を選択すると、そのデータインターフェイスの1つに直接入力されます。このデータインターフェイスには、サイト全体のスタイルデザインを含むさまざまな機能テンプレートが含まれています。また、私たち自身のニーズに基づいています。たとえば、TOBサイトを構築する場合は、ビジネスを選択してから、必要なスタイルを見つけます。店舗を構築する場合は、オンラインストアを選択します。オンラインショップを選択します。TOCサイトはたくさんあります。スタイルを選択できます。もちろん、プレビューしてニーズに合ったものを見つけることもできます。比較的人気の高いテーマスタイルを選択し、それをインポートします。

12 Astraテーマインポートデモデータフロー

ここでは PRO もあることがわかりますが、このプラグインはオープンソース バージョンの GPL バージョンであるため、この PRO もインポートできます。たとえば、化粧品スタイルのインターフェイスをインポートしたいのですが、利用可能な女性の服のスタイルを使用することもできます。たとえば、ここには女性の服があります。化粧品の 1 つをインポートして、[OK] をクリックします。クリックすると、このテーマが自分のスタイルに合っているかどうかを簡単にプレビューできます。

このプレビューが十分に包括的ではないと思われる場合は、公式 Web サイトにアクセスしてテンプレート モジュールを見つけ、ここで必要なスタイルを選択し、スタイルを見つけてプレビューしてください。

ここでは、この場所を直接見ていきます。大丈夫だと思う場合は、ロゴをアップロードできます。もちろん、後でロゴをアップロードすることもできます。ここでは、1つのステップでスキップして、スキップして続行します。次に、サイトのスタイルに応じていくつかの色の設定を行うこともできます。同じようにスキップして続行します。

13 Astraテーマインポートストアテーマ

さて、最後のステップに入ります。最後のステップでは、あなたの情報が収集されます。入力してもしなくてもかまいません。

インポートする必要があるのは以下のとおりです。たとえば、最初のものは、テーマ、モジュール、必要なプラグイン、データ コンテンツ、およびその他のデータの設定をインポートすることです。すべてチェックします。ボックスをオンにします。選択したら、上記のコンテンツを入力するかどうかを選択できます。次に、[送信] をクリックして、独立したステーションである Web サイトの構築を開始します。ここでは、すべてのデータ プラグインが正常にインポートされるまでしばらく待つ必要があります。

14 データのインポートのための Astra テーマの選択

インポートが成功したというメッセージが表示されたら、この場所に直接移動し、ホームページに戻って更新することができます。

これで、独立したサイトがデモ スタイルにインポートされたことがわかります。これは化粧品を販売する TOC サイトです。上のメニューの下にいくつかの製品が含まれています。製品をクリックすると、製品が表示されます。スタイル、もちろん、インポートされるデータは多少不規則かもしれませんが、問題ありません。このページは後で変更できますが、速度は比較的高速です。

15 Astraテーマのインポートデータが正常に完了しました e1713519495723

さらに、About ページや Contact ページなど、当社の独立したサイトの他のページもインポートされています。こうすることで、後で独自のコンテンツに変更することができ、より効率的になります。これは、Astra テーマのインストール、アクティベーション、およびデータ インポートのプロセスに関するものです。