Elementor 3.15 が登場 – 分類フィルター、ネストされたアコーディオンなどをチェックしてください

公開: 2023-08-08

Elementor 3.15 には、ユニークな Web サイト体験をより柔軟に作成できるいくつかの新しいウィジェットと機能が含まれています。リクエストの多かった分類フィルターウィジェットを使用すると、訪問者はさまざまな分類に基づいて製品をフィルターし、リストを投稿できるようになります。このバージョンには、各アコーディオン項目をコンテナに変換するネストされた機能を備えた新しいアコーディオンウィジェットも含まれており、任意のウィジェットとコンテンツタイプを挿入できます。

さらに、Elementor 3.15 には、美しいカルーセルレイアウトを作成するための新しいカルーセルウィジェットとループカルーセルウィジェットの強化されたスタイル機能が含まれています。また、強力な AI 画像編集ツールも含まれているため、エディターから直接背景を削除および置き換えることができ、新しいアプリページや実験の重要な更新も可能です。

[Pro] 新しい分類フィルターウィジェットを使用したフィルターリスト

待望のタクソノミーフィルターの第 1 段階がついに登場しました。これにより、フィルターバーをループガードに接続できるようになり、訪問者がカテゴリーやタグによってリストをフィルターできるようになります。これにより、探しているものを見つけやすくなり、エンゲージメントが高まります。オンラインのジュエリーショップはありますか？訪問者は、指輪、ネックレス、イヤリングを表示することを選択できるようになりました。音楽に関するブログを作成しますか? 訪問者が閲覧したい投稿の種類を選択できるようにします。

フィルターを使用するには、フィルターウィジェットをページにドラッグし、ループグリッドに接続して、カスタマイズを開始します。フィルタの設計のあらゆる側面を制御して、フィルタをサイトに適合させることができます。たとえば、ループグリッドと分類フィルターを並べて表示したい場合は、レイアウト方向を水平または垂直に設定できます。タイトルの色と位置を選択したり、空のカテゴリや最初のカテゴリ (すべて) を非表示または表示したり、表示される分類の深さを制御したりすることもできます。また、分類フィルターを使用すると、カテゴリやタグごとにディープリンクを作成することで、訪問者がお気に入りのリストを簡単に共有できるようになります。

新しいアコーディオンウィジェットによる完全なデザインの柔軟性

このバージョンでは、Nested Elements シリーズの最新メンバーである Accordion が導入されています。メニュー、タブ、カルーセルウィジェットと同様に、Accordion のネストされた機能は各アイテムをコンテナに変換して無制限の柔軟性を実現し、任意のウィジェットやコンテンツタイプを配置できます。たとえば、埋め込み Google マップウィジェット、説明ビデオ、ビジネスの価値観をピクセル完璧なレイアウトで表示する項目を含むインタラクティブな「会社概要」ページを作成できます。

新しい Accordion の柔軟性は、ネストされた項目を超えて拡張されます。また、項目間および各項目内の間隔を制御したり、タイトルを基準にしてアイコンの位置を変更したり、項目が展開または折りたたまれているときのアニメーション効果の継続時間を選択したりすることもできます。

このウィジェットは、以前のアコーディオンウィジェットとトグルウィジェットの最高の機能も組み合わせており、デフォルト状態を設定することで訪問者のエクスペリエンスを微調整できます。最初の項目をデフォルトで展開するか、すべての項目を折りたたむかを選択できます。さらに、訪問者が同時に開くことができるアイテムの数を制限することもできます。

新しいウィジェットを使用するには、WordPress ダッシュボード → Elementor → 機能に移動して、コンテナーおよびネストされた要素の機能を有効にします。これにより、ウィジェットパネル内の古いバージョンのアコーディオンウィジェットとトグルウィジェットが置き換えられますが、サイト上の既存のウィジェットは引き続き編集できます。

[Pro] カルーセルウィジェットのスタイリング機能の強化

Elementor は、ネストされた機能とループカルーセルウィジェットを備えた新しいカルーセルに、要望の多かった新しい機能強化を導入します。これらのアップデートにより、Web サイトに完璧にフィットする美しいカルーセルを構築できるようになります。

オフセットスライド

カルーセルスライドをオフセットすると、カルーセルの両側に次のスライドの一部が表示され、訪問者の好奇心が刺激されます。カルーセルのどちらかの側をオフセットしてエンゲージメントを高め、追加のコンテンツがまだあることを示すことができます。

無制限のページネーションとナビゲーションのスタイル設定機能

カルーセルのすべての要素をカスタマイズして、あなたのビジョンに合ったユニークなエクスペリエンスを作成します。たとえば、カルーセル内で訪問者の進行状況を表示するページネーション要素の位置を変更したり、次へボタンと前へボタンを好きな場所に配置したりできます。各ナビゲーションアイコンの色、背景色、境界線、ボックスの影をカスタマイズすることもできます。

新しいウィジェットを使用するには、WordPress ダッシュボード → エレメント → 機能に移動して、コンテナ、ネストされた要素、およびループの機能を有効にします。

Elementor AI で背景を削除および置換する

Elementor AI は、Web サイトに最適な画像を生成および編集するためのツールをさらに提供します。画像の背景を簡単に削除したり、エディターから直接テキスト説明に置き換えたりできます。

背景を削除する

画像の背景を簡単に削除できます。画像の主要なオブジェクトを正確に分離し、透明な背景を与えることで、親コンテナの背景が自動的に想定されます。

背景を置換

テキストの説明を含む新しい背景を生成することで、画像を簡単に編集し、そのコンテキストを変更できます。たとえば、モデルや製品の背景をビーチから熱帯雨林や宇宙空間に切り替えることができます。

新しいアプリページで信頼できるツールを見つける

Elementor は、サイト構築能力を強化するプラグインやアドオンなどの人気ツールのリストを作成しました。新しいアプリページでは、Elementor コミュニティで愛され信頼されている人気のサービスを簡単に見つけることができます。これはほんの始まりにすぎません。 Elementor エコシステム内でより強力なコラボレーションを促進することは、お客様にとってより多くの価値を意味します。まず最初に、このページのツールに対していくつかの特別割引を用意しています。それを確認し、サイトの WordPress 管理画面で [Elementor] > [アプリ] に移動します。

更新された実験

Elementor 3.15 には、実験と機能のステータスに対するいくつかの変更が含まれています。次の機能と実験は現在安定しており、すべての Web サイトでデフォルトで有効になります。

最適化された DOM 出力 – Elementor によって生成される HTML 内のラッパー要素の数を減らすことにより、パフォーマンスが向上します。ただし、Elementor 3.0 以前で実行されている Web サイトに悪影響を及ぼす可能性があります。もっと詳しく知る。
アセットの読み込みの改善 – デフォルトで読み込まれるコードが少なくなるため、ページの読み込み時間が大幅に短縮され、ページ速度スコアが向上します。もっと詳しく知る。
グローバルスタイルガイド – グローバルスタイルをプレビューし、サイトの設定から洗練されたスタイルガイドでグローバルカラーとフォントを即座に変更します。
ページ遷移 – サイトのすべてのページの開始および終了アニメーションをカスタマイズしたり、事前定義されたアニメーションとアイコンを備えたプリローダーを追加したり、独自の画像をアップロードしたりできます。もっと詳しく知る。

さらに、このバージョン以降で作成された新しいサイトでは、ランディングページ機能がデフォルトで無効になります。 Web サイトで有効化したい場合は、Elementor → 設定 → 機能から有効にすることができます。 Web サイト上ですでに作成されているすべてのランディングページは引き続き利用可能です。

無限のデザインと柔軟なレイアウト

バージョン 3.15 で追加された新機能はすべて、柔軟性の向上とワークフローの改善に関するものです。分類フィルターはループグリッドにシームレスに接続し、ネストされた機能を備えた新しいアコーディオンウィジェットは、これまでよりも多くのデザインと機能のオプションを提供します。さらに、新しいカルーセルウィジェットとループカルーセルのスタイル機能が強化されたことで、無数の独自のカルーセルレイアウトを作成できるようになりました。

Elementor 3.15 では、エディターから直接、画像の背景を簡単に削除したり AI で置き換えたりすることもできます。また、Elementor エコシステムで最も人気のあるツールのいくつかを集めた新しいアプリページを利用して、時間とお金を節約することもできます。

これらの新機能を試すには、必ず Elementor 3.15 に更新し、これらの新しい更新を Web サイトでどのように使用する予定かをお知らせください。