Blocksy テーマの機能:
まず、テーマの公式ウェブサイトにアクセスして、その機能のいくつかを見てみましょう。まず、Blocksy は非常に高速なテーマで、以前使用していたテーマに似ています。このテーマには無料バージョンが用意されており、これがこのテーマが多くの人に使用されている理由の 1 つです。
Blocksy の速度パフォーマンス:
もちろん、ここで紹介するのは無料版とPRO版です。その機能を見てみましょう。その最大の特徴は、その高速性です。このテーマをインストールすると、公式の説明によると、Googleの速度テストツールを使用すると、基本的に95%以上に到達でき、他のテストツールのテスト速度も非常に速いことがわかります。
主流のビルダーと互換性があります:
さらに、その主な特徴を見てみましょう。1つ目は高速であること、2つ目は互換性があることです。 グーテンベルク コードの分離と多言語モジュールにも対応しており、コードも比較的すっきりしています。また、このテーマは、Gutenberg、Brizyなど、よく使用する4種類のページ構成に対応しています。 エレメンター Beaver Builder を含め、すべて互換性があります。
次に、レイアウト、ヘッダー、下部のサイドバーを設定できることがわかります。また、多くのヘッダーレイアウトを提供します。もちろん、これを使用するには、PROバージョンでインストールする必要があります。次に、製品リストや記事リストを含め、色、背景色、フォントをすべて変更できることがわかります。さらに、Gutenbergと互換性があるため、GutenbergはWordPressの新しいバージョンでよく使用されるページビルダーです。しかし、通常はElementorを使用することに慣れているため、このような古城ページビルダーは無視します。
新しい記事を作成し、このページに入ると、Gutenberg になります。Gutenberg も同じで、公式であり、これらのモジュールがデフォルトでモジュール化されています。たとえば、段落を挿入したり、画像を挿入したりすると、特定のモジュールがありますが、このモジュールは比較的シンプルです。これに基づいて、blocksy はいくつかの視覚的なドラッグアンドドロップモジュールを作成したため、編集がより便利になります。さらに、woocommerce 互換性、woocommerce 統合、頻繁に使用されるマーケティングプラグインなど、多くのテーマも提供しています。その後、デモをプレビューすることもできます。
Blocksy デモ スタイル:
ここで、toc サイトの 1 つを開くと、サイト全体の応答速度が非常に速いことがわかります。次に、製品の 1 つを開くと、全体的な速度が非常に速く、製品の詳細ページにはすべて利用可能であることがわかります。そうでない場合は、互換性プラグインをインストールすることもできます。これらに問題はありません。
このテーマはあなたのために用意されています。もちろん、ここで用意したのは PRO バージョンです。PRO バージョンはプラグインです。このテーマについては先ほど説明したとおり、無料バージョンがありますので、まずは Blocksy の無料バージョンをインストールし、次に PRO プラグインをインストールして商用バージョンを有効にする必要があります。
Blocksyテーマのインストール:
まず、バックエンドに入り、テーマのインストールを見つけて、クリックして新しいテーマをインストールします。ここではテーマを直接アップロードするのではなく、WordPressが提供する人気のあるテーマの中からBlocksyを見つけます。もちろん、直接検索することもできます。Blocksy自体は比較的高いランクにあるため、この場所で確認できます。
ただし、検索すれば直接検索することもできます。たとえば、Blocksy を検索すると、このテーマが表示されます。まず無料のテーマをインストールし、インストールが成功したらテーマをアクティブ化して、その後正常にアクティブ化する必要があります。もちろん、これでこのテーマを使用できます。
ただし、このテーマは無料版なので、PRO バージョンをインストールするように勧めるリマインダーが表示されます。ここで、左側に表示されるように PRO プラグインをインストールする必要があります。テーマ設定項目では、ヘッダーのドラッグ アンド ドロップ モジュールの設定など、ホームページで参照した機能を追加することもできます。これらには PRO バージョンをアクティブ化する必要があるため、プラグインをインストールしてから、[インストール] をクリックし、用意したプラグインを選択します。ここでは、PRO プラグインを直接インストールし、クリックしてインストールを開きます。
プラグインが正常にインストールされたら、それをアクティブ化します。幸いなことに、上記のプロンプトは表示されず、直接 Blocksy 設定インターフェースに移動できます。まず、ここには多くの設定があります。ここでの設定はバックグラウンドではなく、カスタマイズに配置されます。
サイトの色を変更したい場合、最初のものはドキュメントで、2番目は設定をクリックします。たとえば、新しいウィンドウが開き、カスタマイズで確認できます。
Blocksyテーマ設定:
これは、ヘッダー領域を含む基本設定などのグローバル設定です。ここでドラッグアンドドロップしたり、モジュールを追加したりできます。さらに、タブレットや携帯電話をターゲットにすることもできます。端末でモジュールを設定すると、下部のサイドバー、カラーフォント、パフォーマンス設定、ブログページ構成ページなど、いくつかの他の設定があります。これについては後で説明します。最初にオフにすると、他の設定は同じになります。いずれかのオプションをクリックすると、色、フォント、ヘッダーと下部、ブログページ、投稿、ページ、サイドバーに使用できる設定が入力され、すべて変更できます。
右側にはビデオ チュートリアルとナレッジ ドキュメントがあることもわかります。
次に、テンプレートのインポートが表示されます。ここでも、多くのテンプレートが提供されています。そのため、これらのテンプレートに注意を払う必要があります。テンプレートの中には、Gutenberg ページを使用して直接構築されているものもあれば、Elementor と互換性のあるものもあります。したがって、それは自分のニーズによって異なります。Elementor の使用に慣れている場合は、Elementor と互換性のあるテーマ テンプレートを選択してインポートする必要があります。
Blocksy テーマ プレミアム拡張機能:
3 つ目は拡張モジュールです。速度に影響を与えないように、拡張モジュールは直接オンにしません。必要な場合はオフにできます。たとえば、1 つ目は Cookie です。ユーザーが当社のサイトを開くと、Cookie リマインダーが表示されます。つまり、顧客はクリックして、ブラウザ情報、IP アドレスなどの情報を取得することに同意できます。
2つ目はニュースレターです。もちろん、このニュースレターは第三者から借りる必要があります。たとえば、Chimpanzeeやその他のニュースレターを使用できます。使用する際には、製品評価を含めて説明します。製品評価は当社の製品のデフォルトの評価ではありませんが、このモジュールを通じて、アフィリエイトマーケティングモジュールを当社の独立したステーションに追加できます。ここで、製品をターゲットにしてそのパフォーマンスをリストし、最後にリンクを追加できます。このリンクをAmazonのアライアンス、またはAlibaba International Stationのアライアンスにインポートして、ユーザーを他の製品に誘導し、購入することができます。
Blocksy 必須プラグイン:
それからもう1つは、その人気の投稿もモジュールであり、以下の他の拡張機能も含まれているということです。 もちろん、これらはすべてPROバージョン用であり、ストアからのいくつかの拡張機能、製品拡張機能、ローカルフォントとカスタマイズが含まれます。 フォントまたはAdobeフォント、スーパーメニューなどについては、後で使用するときに説明します。 これは実際には拡張機能です。 ここでの拡張機能のそれぞれでは、他のテーマを使用する場合、いくつかのプラグインをインストールする必要があります。 、そのテーマにそれがない場合、このテーマはそれをこのモジュールに統合することと同じです。 その後、これらのモジュールを使用する必要がある場合は、オンにするだけです。
さらに、推奨されるプラグインがいくつかあります。たとえば、最初に紹介したのは Gutenberg 拡張プラグインです。インポートするテーマが Gutenberg を使用している場合は、Gutenberg の拡張プラグインを使用できます。他にも、Elementor ページ ビルダー、翻訳モジュール、フォームなどがあります。これらのモジュールには、学習グリッドに商用バージョンがあり、直接ダウンロードできます。さらに、更新ログを確認してください。
Blocksy テーマ スタイルのインポート デモ:
次に、テンプレートスタイルを直接インポートします。例えば、先ほど見たデモサイトは目次サイトです。目次サイトを構築する場合はこのテンプレートをインポートできますが、このテンプレートは古城を使用しているので、Elementorを使い慣れている場合は、Elementorテンプレートを見つけてインポートしてください。
たとえば、このようなテンプレートを見ると、まずプレビューできます。開くと、これが標準的な目次サイトであることがわかります。製品も含まれており、製品を開いて見ることができます。インターフェイスも非常に美しいです。このテーマがニーズを満たしている場合は、直接インポートできます。
Elementor とも互換性があり、インポートをクリックします。ここでは、主に自分のニーズに基づいてサブテーマをインストールすることをお勧めします。後でテーマにコードを追加する必要がある場合は、最終的にサブテーマをインストールするのが最善です。ここではデフォルトでインストールし、[次へ] をクリックして、ページビルダーを選択できます。最初のものは Gutenberg です。実際、このテーマは Gutenberg と互換性があります。速度は最速です。
しかし、それはあなたの習慣にも依存します。私たちがいつも提案していることと同じように、この速度を追求しなければならないと言っているのではなく、このテーマがまず私たちのニーズを満たす必要があり、その後、このニーズに基づいて、究極の速度を追求するのではなく、速度を最適化できると言っているのです。
多くの初心者の独立系ウェブサイトでは、次のような非常にシンプルなテーマを使用します。 アストラ このようなテーマは、それ自体に機能が非常に少なく、ニーズを満たすことができないため、後で多くのプラグインをインストールする必要があり、速度はまったく向上しません。したがって、ここで誰もが注意を払う必要があります。つまり、テーマまたはページビルダーを選択するときは、最初のものがニーズを満たし、2番目のものが便利である必要があります。使用するには複雑すぎず、そうでなければ、多くのプラグインをインストールする必要があり、多くのコードを変更することは、テーマテンプレートを自分で作成することと変わりません。したがって、テクノロジーに執着するのではなく、まずニーズを満たすようにしてください。
独立ステーションの速度を向上させる方法は多数あり、対象がいかに複雑であっても、最大のアバターに対しても非常に高速に最適化できるため、その背後にある速度がどれだけ速いかを考慮する必要がありますが、まずはお客様のニーズを満たすことです。
たとえば、私たちはElementorを使うことに慣れています。ここではElementorを選択します。もちろん、Gutenbergの使い方は同じです。今後、Gutenbergの拡張プラグインのいくつかを更新していきます。その用途は似ています。はい、Elementorがないだけです。Elementorには多くの拡張プラグインがあるため、現在頻繁に使用されています。たとえば、Modern Networkについて学んだときに、6つまたは7つのプラグインを皆さんと共有しました。これらの拡張プラグインを使用すると、独立したステーションで何でも実現できます。必要な機能、これが私たちが最も望んでいることです。
ここでは Elementor を引き続き使用し、[次へ] をクリックすると、3 つのデフォルトのプラグインをインストールする必要があります。1 つ目はフォーム、2 つ目は Elementor の無料バージョン、3 つ目はすでにインストールされている物理コントロール ドアです。プラグインをインストールできるようにクリックし、[インストール] をクリックします。
インポートが成功したら、サイトを更新できます。サイト全体がインポートされたことがわかりますが、上部のスライドの位置に問題があることがわかります。次に、そのうちの1つを開きます。製品と製品は正常です。その後、ショップページを含むホームページを、必要に応じて編集できます。ページ全体の最大の利点はその速度です。現在インストールされているプラグインは非常に少なく、このテーマの主な焦点は高速であり、ブログページでも正常です。これは、Blocksyテーマのインストールとデータのインポートに関するものです。次のレッスンでは、その設定について説明します。
