CrocoBlock Review Elementor Page Builder割引クーポンのベストサービス

公開: 2022-09-18

最近、100 万を超えるアクティブな Elementor ページ ビルダーのインストールがありました。 Web サイトのコンテンツに取り組んでいる間、物事をシンプルに保つことを好む人が増えています。 これは、誰もがコーディングなしでサイトを操作できるソリューションを必要としており、より少ない労力でより複雑なプロジェクトを作成するのに役立つことが証明されていることを意味します. CrocoBlockは、特に Elementor を使用している場合、そのようなプロジェクトに取り組んでいるときに探しているものです。

このサービスは、すでに WordPress 開発者だけでなく、Web スタジオやフリーランサーの注目を集めています。 また、 CrocoBlockが提供する柔軟性と強力な機能の組み合わせに非常に満足しています。


したがって、CrocoBlock サブスクリプションについて何も知らない場合は、このサービスの一般的な特徴から始めましょう。

CrocoBlock サブスクリプション サービスには以下が含まれます。

  • Elementor 用に作成されたさまざまなトピック (ブログ、会計、代理店、ビジネスなど) に関する+30 のスキン。
  • モジュラー機能に加えて、1000 以上の事前に設計されたセクション。
  • あらゆる種類のコンテンツと機能を提供する10 個の Jet プラグイン。
  • 24 時間年中無休のプロフェッショナル サポート。
  • シンプルな年間/生涯ライセンス。

このすべてのパッケージを使用すると、ゼロから Web サイトを作成することができ、汗をかくことさえありません。 Elementor Free ページ ビルダーと CrocoBlock の単一年間ライセンスを持っていると仮定して、これを行う方法を見てみましょう。

目次

ステップ 1. クイック インストール

CrocoBlock サブスクリプションを購入すると、アカウント ページからアクセスできるダウンロード セクションが表示されます。

ここでは、インストールのプロセスを進めることができる 3 つの利用可能なオプションを確認できます。

  • Super Easy Installation Pack – これは、Kava テーマと Jet プラグインのセットとデモ コンテンツを含むすべての CrocoBlock 製品を一度にインストールする場合に使用します。
  • イージー インストール パック– このパックを使用して、CrocoBlock 製品と Kava テーマを個別にインストールしたり、現時点で Kava テーマを使用したくない場合や別の WordPress テーマを使用したい場合に使用できます。
  • Jet プラグイン パック– Jet プラグインをインストールし、スキンと事前に設計されたセクションを使用したいが、他のものを使用するかどうかわからない場合に、このパッケージを使用します。

サービスの全機能を探索するため、CrocoBlock Super Easy Installation Pack を使用することにしました。

また、WordPress をクリーン インストールした Web サイトも用意しました。

JetThemeWizard プラグインを使用すると、約 2 分ですべてのインストール手順を完了できます。 ライセンス キーを追加し、Kava Child テーマを使用することを選択しました。

次に、スキン リストで利用可能なスキンの 1 つを選択し、[インストールの開始] ボタンをクリックしました。

プラグインを構成する

プラグインは、必須ブロック、推奨ブロック、追加ブロックに分けられます。 それらをすべてインストールすることに決め、[次へ] ボタンをクリックしました。 すべてをインストールするのに 38 秒かかりました。

また、[デモ コンテンツを既存のコンテンツに追加] オプションを選択し、[次へ] ボタンをクリックしてデモ コンテンツのインストールに進みました。

デモ コンテンツは20 秒以内にインストールされました。 ただし、サムネイルの再生成プロセスには時間がかかりました。

クリーンな WordPress Web サイトの平均インストール時間は約 2 分ですが、使用しているサーバーやサイトに既にあるコンテンツの量によっても異なります。 コンテンツのあるライブサイトだったら、インストールにもう少し時間がかかったと思います。 それでも、私はプロセスが大好きで、とても簡単です。

ステップ 2. CrocoBlock ダッシュボード

CrocoBlockをインストールしたので、WordPress ダッシュボードに表示されます。 インストールが行われた後に行くのは自然な場所なので、もう少し詳しく調べてみましょう.

ここでは、次のブロックにアクセスできます。

  • ライセンス– 私のサイトで有効なライセンス コード。
  • プラグイン– ここから、CrocoBlock サブスクリプションで利用可能なすべてのプラグインにアクセスし、必要に応じてインストール、無効化、および更新できます。
  • テーマ– Kava テーマを更新してバックアップできるブロック。
  • スキン– ここでは、使用しているスキンの代わりに別のスキンを選択してインストールできます。
  • 設定- 位置関係、位置登録などにアクセスする場所。
  • ユーザー ガイド– ここでは、ドキュメント、ナレッジ ベースへのリンクを見つけたり、CrocoBlock 製品に関するビデオ チュートリアルを表示したりできます。

スキンを別のものに変更してみることにしたので、使用する Dolcetti スキンを選択し、Install オプションをクリックしました。

このスキンには、私のサイトに最近インストールされたものと同じプラグインが必要だったので、プラグインのインストールをスキップして、Skip to Demo Content ボタンをクリックしました。

スキンをインストールするプロセスには 1 分もかかりませんでした。 スキンはこの速度で変更できます。 実際、このプロセスは、CrocoBlock を最初にインストールした方法に似ています。

手順 3. テーマ パーツ テンプレート

JetThemeCoreプラグインは、セクション、ヘッダー、フッター、アーカイブ、および単一の投稿ページなどのテーマ パーツ テンプレートを操作する機能を提供します。

それらを見つけるには、WordPress ダッシュボードの CrocoBlock > My Library に移動する必要があります。

既に述べたように、スキンの 1 つを設定しましたが、ヘッダーとフッターのテンプレートが既に含まれています。

これらのテンプレートはヘッダーとフッターのブロックにあり、 Elementor ライブ ページ ビルダーで編集できます。

ヘッダー テンプレートを別のものに変更したり、外観をカスタマイズしたりする場合は、ここから実行できます。

また、他のまったく異なるヘッダーとフッターのテンプレートを作成し、 [設定] > [条件ブロック]で別のページに割り当てることもできます。

ヘッダー ライブラリにアクセスするには、Magic Button をクリックする必要があります。ここで、使用可能なヘッダー テンプレートの 1 つを選択し、[挿入] をクリックして適用します。

その後、 [設定] > [条件ブロック]に移動し、ヘッダーを適用するページまたはテンプレートを選択します。 新しいフッターを追加して、テンプレート ライブラリのフッターを同じ方法で使用できます。

アーカイブ ページ テンプレート

アーカイブ ページ テンプレートを作成する場合は、もう少し複雑です。 これを行うには、テーマ パーツのアーカイブ ブロックに移動し、新しいアーカイブ テンプレートを作成する必要があります。

すぐに Elementor エディターにリダイレクトされ、動的コンテンツ ウィジェットを使用して、サイト上の既存の出版物 (カスタム投稿、製品、用語など) を紹介できます。

将来的には、Magic Button ライブラリから選択できるアーカイブ テンプレートが用意される予定ですが、現時点では利用できません。

ところで、カスタムの投稿タイプを作成したい場合、必要なタイプのコンテンツを含むカスタムの追加のタクソノミーまたはメタ フィールドを追加するには、CrocoBlock パッケージにも含まれているJetEngineプラグインを使用して行うことができます。

ステップ 4. メニューの作成

ヘッダーを設定したら、ナビゲーション メニュー ウィジェット、ハンバーガー パネル ウィジェットを使用してヘッダーにメニューを追加するか、垂直または水平メガ メニューの作成を簡単に支援するJetMenuプラグインを使用できます。

水平メガ メニューを作成し、それをヘッダーで使用することにしました。 これを行うために、 CrocoBlock > Plugins blockからプラグインをインストールし、 Appearance > Menusに移動してメイン メニューを確認しました。

ここでは、About 項目にメガ メニューを追加したかったので、ホバーし、 JetMenuボタンをクリックして Content ポップアップ ウィンドウを開きました。

Mega Submenuオプションを有効にしてから、Edit Mega Menu Item Content オプションをクリックしました。 Elementor エディターが開いたら、いくつかの列を追加し、いくつかのウィジェットをそれらに追加して、メガメニュー内に配置しました。 次に、[更新] をクリックしてテンプレートを保存し、後方に移動しました。

ヘッダー テンプレートにメガ メニューを追加する

これを行うには、 CrocoBlock > My Libraryを開いて、必要なヘッダー テンプレートの編集を開始する必要があります。

ウィジェットのリストで Mega Menu ウィジェットを見つけて、必要なセクションにドロップしてみましょう。 次に、使用するメニューを選択し、スタイル ブロックでその外観をカスタマイズする必要があります。

ちなみに、メガ メニュー項目をプレビューするには、メガ メニューを追加した必要なメニュー項目にカーソルを合わせるだけです!

実際には、 JetMenu プラグインを使用して横方向のメニューを追加するだけでなく、メガ メニュー項目を含む縦方向のメニューを作成することもできます。

JetMenu プラグインは、メニューを作成する必要がある場合に関心のあるすべての側面を確実にカバーしており、このプラグインをいかに簡単にカスタマイズできるかに驚かれることでしょう。 JetMenu プラグインで追加されたメニューもレスポンシブで、モバイル プレビューをオンにすると、きれいなハンバーガーの形で表示されます。

また読む：

12の最高の仕事用WordPressテーマのリスト

最高の WooCommerce WordPress テーマ

プレミアムプレスレビュー

ベスト 20 スポーツ WordPress テーマのリスト

ステップ 5. Elementor の Jet アドオン

JetMenu は、CrocoBlock に含まれる巨大な Jet プラグイン パッケージの一部にすぎません。 これらのプラグインは、サービスが開始される前からすでに人気がありました。 現時点では、それらがサイトに追加する力を見逃すことはできません。

前述したように、スキンをインストールするときに必要なものもあれば、CrocoBlock ダッシュボードからアクセスできるものもあります。 それらをもう少し詳しく見てみましょう。

  • ジェットエレメンツ

このプラグインは、インライン SVG、バナー、ポートフォリオ、画像レイアウト、タイムラインなどを含む Elementor 用の +30 の新しいウィジェットを追加します。すべてのウィジェットには膨大なスタイル設定があり、組み合わせると、ほぼすべての種類のコンテンツをカバーします。

  • ジェットブログ

このプラグインは、投稿をリスト、タイル、テキスト ティッカーに表示するための 4 つの異なる動的コンテンツ ウィジェットを提供します。 また、Video Playlist ウィジェットもあります。

  • ジェットメニュー

このウィジェットを使用して、Elementor でメガ メニューを作成する方法について説明しました。 ただし、ヘッダーがElementorページビルダーで構築されていない場合は、通常のWebサイトのメニューをスタイルアップするために使用することもできます.

  • ジェットタブ

このプラグインには、コンテンツを魅力的なタブやアコーディオン ブロックに構造化するのに役立つウィジェットが含まれています。 Elementor で作成したテンプレートを垂直および水平のタブに配置できるため、ページのスペースを節約したい場合に非常に役立ちます。

  • ジェットトリックス

このプラグインは、Elementor で作成されたセクション、列、およびウィジェットに視覚効果とアニメーションを追加します。

  • ジェットブロック

このプラグインを使用すると、ログインおよび検索フォーム、WooCommerce カート、およびハンバーガー パネル要素をヘッダーに追加できます。 また、セクションに粘着効果を使用することもできます。 これは、スティッキー ヘッダーを作成する場合に必要になることがあります。

  • ジェットレビュー

Elementor で構築されたページにスタイリッシュなレビュー ブロックを作成するために使用します。

JetEngine 、 JetThemeCore 、およびJetWooBuilderプラグインもありますが、それらが提供する機能は上記のプラグインとは少し異なります。 それらのいくつかはすでに説明されていますが、他のものについては後で説明します。

ステップ 6. 単一の投稿ページ。 アーカイブ ページの作成

サイトでプロジェクトを紹介するために Projects カスタム投稿タイプも作成する必要があると仮定しましょう。 または、サービス投稿タイプを作成するか、複数のアイテムを含むポートフォリオを追加する必要があるかもしれません。 いずれにせよ、 JetEngineプラグインを使用してこれらのカスタム投稿タイプを作成できます。

また、カスタム分類法を作成し、単一のカスタム投稿とカスタム用語テンプレートを使用して、動的グリッド レイアウトを作成するのにも役立ちます。 これらのレイアウトは、必要な構造で美しく表示されたカスタム投稿または用語を含むアーカイブ テンプレートを追加する場合に役立ちます。

これを行うには、まず、 JetEngine プラグインをインストールしてアクティブ化する必要があることに注意してください。

プロジェクトを紹介するには？

  1. Projects 投稿タイプを追加する必要がありました。 そのために、 JetEngine > Post Typesに移動し、[Add New] ボタンをクリックしました。
  2. 次に、タイトルやスラッグなど、カスタム投稿タイプに関する一般的な情報を入力し、投稿設定を変更しました (新しいカスタム投稿タイプのアイコンを設定し、タイトル、エディター、およびサムネイル ブロックをサポートする必要があることを定義しました)。 ; いくつかのカスタム メタ フィールドも追加しました)。
  3. 変更を保存した後、ダッシュボードに Projects という名前の新しいアイテムがあり、そのアイテムに設定したアイコンが付いています。 この新しいカスタム投稿タイプ ブロックを使用していくつかのプロジェクトを追加し、それらに適用するサムネイル画像を設定しました。
  4. 次に、 JetEngine > Listingsに戻り、Posts タイプを使用して新しいリストを作成しました。 また、必要な投稿ソースとして Projects 投稿タイプを定義しました。
  5. その後、いくつかの動的フィールド ウィジェットと動的画像ウィジェットをページに追加し、出力する必要があるコンテンツのソース (動的フィールドのタイトルとコンテンツ、および動的画像ウィジェットのサムネイル画像) を選択しました。
  6. カスタム投稿テンプレートの公開日と作成者を表示する動的メタ ウィジェットも追加しました。

私が作成したテンプレートは、プロジェクト タイプのすべてのカスタム投稿に適用されます。

その後、新しいアーカイブ ページ テンプレートを作成し、プロジェクトをグリッド形式で表示するために Listing Grid ウィジェットをドロップしました。

実際、これには5 分もかかりませんでしたが、カスタム分類を使用してプロジェクトを分類したり、より複雑なフィルターをグリッド レイアウトに追加したりしていません。

JetEngineプラグインは最近 CrocoBlock プラグイン パッケージに追加されたばかりで、比較的新しいものであり、その機能から判断すると、将来さらに多くの優れた機能が追加されると思います。 CrocoBlock パッケージに含まれるすべての Jet プラグインの中で、私が最も気に入ったのは、独自の方法でユニークであり、より複雑なプロジェクトに取り組むことができるためです。

ステップ 7. Elementor への WooCommerce の導入に関するいくつかの言葉

Elementor でオンライン ストアを作成し、このタスクにアプローチするための最良の方法を探している場合、CrocoBlock はこのミッションに対処するのに本当に役立ちます。 これには、事前に設計された単一の製品ページ テンプレートと強力なJetWooBuilderプラグインが含まれており、WooCommerce コンテンツを表示し、CSS や PHP なしでスタイリングするための 15 の動的コンテンツ ウィジェットのセットを提供します。

JetWooBuilder プラグインにより、次のことが可能になります。

  • WooCommerce の単一商品ページ テンプレートを作成します。
  • 製品および製品分類のレイアウトを追加します。
  • WooCommerce 製品用に特別に作成された一連の特別なウィジェットを使用して、動的コンテンツを表示します。

いつものように、新しい製品ページ テンプレートを作成する前に、いくつかの WooCommerce 製品をサイトに追加する必要があります。 これを行うには、WordPress ダッシュボードで [製品] > [新規追加] に移動し、説明、価格、サムネイル画像などを含むいくつかの製品をここに追加しました。

次に、 WooCommerce > JetWoo Templates ブロックに移動し、ここで新しいテンプレートを作成しました。 テンプレートを設定できる製品を指定することが重要です。 動的な WooCommerce ウィジェットを追加すると、サムネイル画像、レビュー、評価、価格など、設定した製品から必要なデータが取得されます。

その後、単一製品ページに使用可能な事前にデザインされたテンプレートの 1 つを適用するか ( 「事前にデザインされたテンプレートから作成」ボタンをクリックするだけです)、独自の新しいテンプレートを作成できます (「」をクリックします)。新しいテンプレートを追加」ボタン）。

ここでElementor エディターを開くと、単一製品ページに使用する一連のウィジェットが表示されます。

  • カートに入れるボタン
  • 単一画像
  • シングルタイトルなど

それらを必要な列とセクションにドロップし、スタイル設定を使用してこれらのウィジェットの外観をカスタマイズするだけです. 単一の製品ページの作成はとても簡単です。

サイトにあるすべての製品に対して新しく作成したテンプレートを設定する必要がある場合は、WooCommerce > 設定ブロックで行うことができます。 ここで、[JetWooBuilder] タブをクリックして、単一製品テンプレートの条件設定にアクセスする必要があります。

ウィジェットを試す

製品グリッドまたはタイルをホームページに追加したり、レイアウト ウィジェットの 1 つを使用してショップ ページに製品カテゴリ レイアウトを表示したりできます。 それらの4つがあります：

  • カテゴリ グリッド;
  • 製品リスト;
  • 製品グリッド;
  • 分類タイル。

各ウィジェットには、堅牢なスタイル設定とともに、注文とクエリの設定があります。 彼らは本当に使いやすいです。 最も気に入ったウィジェットを選択し、Elementor を使用して必要な場所にドロップするだけです。 それらを使用するために必要な作業はこれだけです。

要約：CrocoBlock Review Elementor Page Builderの割引クーポンに最適なサービス

CrocoBlockサブスクリプション サービスは、提供する高品質の製品だけではありません。 このサービスは、それらを最新の状態に保ち、常に成長し、既存の機能にさらに新しい機能を追加します. 更新を自動的に受け取ります (新しい Jet プラグインを含む)。 同じことが毎週出てくる新しいスキンにも当てはまります。

CrocoBlock サービスには熟練したサポート チームが常駐しており、機能について不明な点がある場合や質問がある場合は、Facebook または販売前のチャットで直接チームに連絡できます。

CrocoBlock のテストを開始すると、Elementor のプラグインがすべてだと思うかもしれません。 しかし、正直なところ、CrocoBlock はElementorで Web サイトを作成するために必要な製品の完全なセットを表しています。 初心者だけでなく、Web 開発者にとっても同様に注目に値します。 それに含まれるすべての製品には、独自の場所と目的があります。

CrocoBlockのサブスクリプションサービスは、Webサイト制作の概念を一変させました。 それはすべてをカバーしており、これは誰もがそれについて最も気に入っていることです.