Elementor 3.15 ベータ: Ashley Whitehair による新機能のスポットライト

公開: 2023-07-14

ベータ版を有効にする方法

始める前にちょっと注意してください。3.15 ベータ版は、実際の運用 Web サイト向けに設計されていません。私たちも皆さんと同じようにこれらの新機能を探索することに興奮していますが、このバージョンはまだテスト段階にあることを覚えておいてください。私たちは粗い部分を滑らかにするために懸命に取り組んでおり、安定したバージョンが間もなくリリースされる予定です。

ただし、テストしてみたい場合は、次のことを行う必要があります。

WordPress ダッシュボードに移動します。
左側のサイドバーで「Elementor」をクリックして、「Elementor」設定ページを開きます。
「ツール」タブに移動します。
「バージョン管理」をクリックします。
「ベータテスター」機能を有効にするオプションがあります。「ベータテスターを有効にする」ボックスにチェックを入れます。
変更を忘れずに保存してください。

ベータテストを有効にすると、WordPress 更新ページで Elementor プラグインが更新の準備ができていることがわかり、それらの更新を実行すれば準備完了です。

[Pro] 新しい分類フィルターウィジェット – 訪問者がリストをフィルターできるようにします

新しい分類フィルターウィジェットが登場し、訪問者がコンテンツを操作する方法に革命をもたらします。この動的なツールを使用すると、訪問者はカテゴリ、タグ、またはカスタム分類に基づいて投稿をフィルタリングでき、より魅力的でインタラクティブなユーザーエクスペリエンスを提供できます。

アシュリー氏はデモンストレーションで、実世界の例を使用してこのウィジェットの威力を実証しました。彼は、ループグリッドウィジェットを使用して製品グリッドを設定し、次に分類フィルターウィジェットを追加して、ユーザーがカテゴリに基づいて製品をフィルターできるようにしました。「家具」、「食器」、または「花瓶」をクリックするだけで、製品グリッドが即座に更新され、選択したカテゴリの製品のみが表示されます。これは、顧客の要望に基づいて店舗を即座に再配置してくれるパーソナルショッピングアシスタントがいるようなものです。

この機能は、大量のコンテンツや幅広い製品を含む Web サイトに最適です。よりカスタマイズされたユーザーエクスペリエンスを提供し、コンテンツのナビゲーションを簡単にします。

どのように機能するか見てみたいですか? Ashley のデモンストレーションをここでチェックしてください。

完全なデザインの柔軟性を実現する新しいアコーディオンウィジェットの紹介

ネストされたアコーディオンウィジェットは、Elementor 3.15 ベータ版のもう 1 つの魅力的な追加機能です。この機能は、組織化と設計の柔軟性の追加レイヤーを提供し、各項目をコンテナーに変換して無制限の柔軟性を実現し、任意のウィジェットとコンテンツタイプを挿入できるようにします。これは、大量の情報をすっきりと整理され、使いやすい方法で表示するための素晴らしいツールです。

Ashley 氏はデモンストレーションで、このウィジェットを使用して、配送、配達、返品の情報が詰まったテキストの多いページを整理する方法を示しました。彼は 3 つの項目からなるメインアコーディオンを作成し、これらの各項目内にネストされたアコーディオンを追加しました。その結果、ユーザーが簡単にナビゲートできる、きちんと整理された情報構造が得られました。また、ネストされたアコーディオンのデザインをカスタマイズする方法も示し、このウィジェットが提供する完全なデザインの柔軟性を実証しました。

FAQ セクション、製品機能リスト、または階層構造の恩恵を受けるその他のコンテンツを作成する場合でも、Nested Accordion ウィジェットはきっと気に入っていただけるツールです。

実際の動作を見てみたいですか? Ashley のデモンストレーションをここでご覧ください。

[Pro] カルーセルおよびループカルーセルのスタイリング機能の強化

Elementor 3.15 ベータ版は、カルーセルウィジェットとループカルーセルウィジェットに新たなカスタマイズオプションをもたらします。 Ashley が実証したように、これらの機能強化は、Web サイトのデザインに完全に合わせた独自のカルーセルを作成するツールを提供するように設計されています。

カルーセルウィジェットとループカルーセルウィジェットにはすでにページネーションとナビゲーション矢印が搭載されていましたが、新しいアップデートではこれらの要素が次のレベルに引き上げられました。これらの要素の位置と方向を調整できるようになり、サイトの外観とシームレスに調和するカルーセルを作成できるようになりました。ページネーションの位置を変更するか、ナビゲーション要素を並べて配置するかは、自由に選択できます。

しかし、カスタマイズはそれだけではありません。各ナビゲーションアイコンの色、背景色、境界線、ボックスの影を微調整することもできます。これは、カルーセルのすべての要素がブランドとデザインのビジョンに一致していることを確認できることを意味します。

Ashley は、製品のカルーセルを使用してこれらの機能をデモンストレーションしました。ページネーションとナビゲーション矢印の位置を調整し、ページ全体のデザインに合わせて外観をカスタマイズしました。また、カルーセルの開始点を設定できる新しいオフセット機能も紹介しました。これは、訪問者の注意を特定のコンテンツに誘導するための優れたツールです。

これらの強化されたスタイル機能により、カルーセルウィジェットとループカルーセルウィジェットはさらに高い柔軟性と制御を提供します。これらを使用すると、サイトに最適な魅力的でユーザーフレンドリーなカルーセルを作成できます。

これらの機能の実際の動作を確認するには、Ashley のデモをここでチェックしてください。

Elementor AI – 画像用の Elementor AI の拡張

Elementor 3.15 ベータ版は、AI 機能を画像編集プロセスに統合することにより、大幅な進歩を遂げています。 Ashley 氏が実証したように、これらの新機能は画像編集をより効率的にし、Elementor エディタ内で直接アクセスできるように設計されています。

これらの機能の 1 つ目は、画像から背景を削除する機能です。これは、これを達成するために Photoshop や Canva などの外部ツールを使用してきた人にとって、大きな変革となります。これで、Elementor エディター内で画像を選択し、「AI を使用して編集」オプションを選択し、「背景を削除」を選択するだけで済みます。数秒以内に AI がその魔法を実行し、必要に応じて使用できる透明な PNG ファイルが完成します。

しかし、AI の機能はそれだけではありません。画像の背景を置き換えることもできます。アシュリーは、植物の画像の背景を宇宙をテーマにした背景に置き換えることで、これを実証しました。彼がしなければならなかったのは、AI のプロンプトを入力することだけでした。AI は彼の説明に基づいて新しい背景を生成しました。その結果、Elementor エディタ内で独自のカスタムイメージが作成されました。

これらの新しい AI 機能は、設計プロセスを可能な限り合理化し、ユーザーフレンドリーにするという Elementor の取り組みの証です。これらにより画像編集の可能性が広がり、外部ツールや高度なデザインスキルを必要とせずにカスタム画像を作成できるようになります。

これらの AI 機能が実際に動作している様子を確認するには、Ashley のデモンストレーションをここでチェックしてください。

更新された実験

Elementor 3.15 ベータ版では、実験と機能領域にいくつかの重要な変更が加えられています。ここで、Elementor の特定の機能を有効または無効にすることができます。この更新により、最適化された DOM 出力、改善されたアセット読み込み、グローバルスタイルガイドなどのいくつかの機能がデフォルトで有効になります。これらの機能は、Web サイトのパフォーマンスと使いやすさを向上させるように設計されています。

最適化された DOM 出力は、Elementor によって生成された HTML 内のラッパー要素の数を減らし、Web サイトのコードをよりクリーンかつ効率的にします。改良されたアセット読み込み機能により、読み込まれるコードが減り、Web サイトの速度が向上します。グローバルスタイルガイドを使用すると、すべてのグローバルスタイルをプレビューし、視覚的な方法でグローバルカラーとフォントを即座に変更できます。

さらに、ランディングページ機能は、3.15 ベータ版以降の新規インストールではデフォルトで無効になります。ただし、現在この機能を使用している場合でも、心配する必要はありません。オンになったままになります。新しい Web サイトを設定していてこの機能を使用したい場合は、[実験と機能] 領域で簡単に有効にすることができます。

これらの新機能との互換性を確保し、セキュリティ上の理由から、Elementor を最新の状態に保つことが重要です。

おしまいです！

Elementor 3.15 ベータ版の概要をまとめると、このアップデートには Web サイトのデザインプロセスをさらに効率的で楽しいものにする機能強化が満載されていることは明らかです。新しい分類フィルターウィジェットやネストされたアコーディオンウィジェットから、強化されたカルーセルウィジェットやループカルーセルウィジェットに至るまで、Elementor は魅力的で動的な Web サイトを作成できるツールを提供し続けます。

人工知能機能は画像編集に革命をもたらし、Elementor エディター内で画像の背景を削除したり置き換えたりすることがこれまでより簡単になりました。また、実験または機能エリアの更新により、Elementor エクスペリエンスをさらに細かく制御できるようになります。

これはベータ版であり、実際のサイトには推奨されないことに注意してください。ただし、これらの新機能をステージングサイトでテストし、貴重なフィードバックを提供することをお勧めします。あなたの洞察は、Elementor をコミュニティ全体にとってさらに良いものにするのに役立ちます。

Ashley によるこれらの新機能の完全なデモをここでご覧ください。 Elementor 3.15 の正式リリースを楽しみにお待ちください。皆さんが何を作成するか楽しみです!