Dive Head

# 話題のElementor AIのみで記事を作成してみた。

“なんか面白そうなのでとりあえず使ってみよう”企画、題して「Dive Head」。先日、WordPressのプラグイン”Elementor”にElementor AI(Beta版)なるものが実装されたのをみて、ちょっと面白そうなんでいじってみました。 以下の文章は、タイトルにもあるように、Elementor AIに全てのWritingを任せた実験的なものです。文章作成の基本手順は、まず英語でプロンプトをElementor AIに入力 → 返された文章をElementor AIが提供する翻訳機能を用いて日本語化するというものですが、この英→日の翻訳プロセスで度々403エラーを吐くため、その場合の翻訳はDeepLに頼りました。ですので、本来の意味で「全てをElementor AIに任せた」とは必ずしも言えません。「へーこれくらいのことができるのか」くらいに思っていただけるとありがたいです。ちなみに文中のElementor 3.14は本日時点でまだBeta版です。 (2023.6.4追記) 403エラーを吐いていたのはElementor AIの仕業ではなく、サーバのWAFの活躍でした。現在は解消済みです。

最近、Elementor 3.14がリリースされ、多くのエキサイティングな新機能が追加されました。最も注目すべき機能の1つは、Adobe Fontsとの連携です。これにより、デザイナーはAdobeの広大なライブラリからカスタムフォントに簡単にアクセスして直接Elementorを通じて実装することができ、ユニークで視覚的に魅力的なウェブサイトを作成しやすくなりました。

Elementor 3.14のもう1つの重要な追加機能は、Lottieアニメーションの強化です。このアップデートにより、アニメーションの開始点と終了点を制御することができるようになり、サイトのモーショングラフィックの作成においてさらに柔軟性を持つことができます。

さらに、Elementor 3.14では、新しい「デザインシステム」という機能が導入されました。これにより、フォント、カラー、スペーシングなどのデザイン資産をグローバルレベルで定義し、ウェブサイト全体での一貫性を確保できます。

最後に、Elementor 3.14は人気のあるマーケティングオートメーションソフトウェアであるHubSpotとの新しい統合機能も導入されました。この統合により、ユーザーは自分のウェブサイトからリードを収集し、自動的にHubSpotアカウントに追加することができ、リードジェネレーションプロセスがスムーズになりました。

全体的に、Elementor 3.14は、デザイナーがユニークで視覚的に魅力的なウェブサイトを作成するのをさらに簡単にし、生産性と効率を向上させるために、いくつかの新しい機能が追加されました。

❶ Adobe Fonts for Elementor 3.14

Elementor 3.14では、グラフィックデザイナーやウェブデベロッパーを興奮させる新機能が追加されました。Adobe FontsがElementorのフォントライブラリで利用できるようになり、ユーザーは14,000以上の高品質なフォントにアクセスできるようになりました。この統合により、Adobe Fontsを簡単かつシームレスにウェブサイトデザインに取り入れることができます。

Adobe Fontsは、Futura、Helvetica、Garamondといった人気の書体を含む、幅広いフォントのライブラリを提供しています。Elementorに統合することで、デザイナーはAdobe Fontsのライブラリから直接フォントを簡単に閲覧・選択することができます。

Elementorの使いやすいインターフェイスにより、Adobe Fontsをウェブサイトデザインに組み込むことが、これまで以上に身近なものになります。まずは、利用可能なフォントライブラリの一覧からAdobe Fontsライブラリを選択するだけです。その後、何千ものフォントをブラウズし、Elementorのエディタで直接プレビューすることができます。

結論として、Elementor 3.14のAdobe Fontsの統合は、デザイナーとデベロッパーにとって画期的な機能です。品質やアクセシビリティを犠牲にすることなく、魅力的でユニークなデザインをより柔軟に作成することができるようになるのです。次のElementorプロジェクトでAdobe Fontsを使ってみて、あなたのデザイン能力を次のレベルに引き上げてください。

❷ Lottieアニメーション for Elementor 3.14

Lottieアニメーションは革新的なテクノロジーで、ウェブデザイナーがアニメーションを作成する方法を完全に変えました。人気のあるページビルダーであるElementorは、最新のアップデートであるElementor 3.14にLottieアニメーション機能を統合しました。これにより、ウェブデザイナーは、視覚的に魅力的で、ウェブサイトの訪問者にとってインタラクティブで魅力的なアニメーションを簡単に作成できるようになりました。

ElementorのLottieアニメーション機能を使用することで、デザイナーは一行のコードを書くことなくウェブサイトにアニメーションを追加することができます。アニメーションはスケーラブルであり、軽量であり、ウェブサイトのデザイン要素にシームレスに適合するように簡単にカスタマイズできます。この機能により、Elementorはより多目的なページビルダーになり、アニメーションを作成する時間を劇的に短縮し、ウェブデザイナーがウェブサイトの核心的な側面に重点を置けるようにしました。

結論として、Elementor 3.14のLottieアニメーションは、ウェブデザイナーに創造性の世界を広げ、高品質のアニメーションをウェブサイトに簡単に追加できるようにしました。

❸ 新しい「デザインシステム」 for Elementor 3.14

Elementorの最新バージョンである3.14は、デザインシステムの印象的な再設計を誇っています。新しいデザインシステムは、直感的で魅力的なユーザー体験を生み出すために、奥行き、動き、レイヤリングの使用を強調するマテリアルデザインの原則を包含しています。

今回のアップデートでは、新しいカラーパレット、タイポグラフィ、アイコンを採用しました。カラーパレットはアクセシビリティに最適化され、より高いコントラストと読みやすさを提供します。また、新しいタイポグラフィでは、フォントの太さ、サイズ、行の高さが改善され、あらゆるデバイスで読みやすく、美しいタイポグラフィを簡単に作成することができます。

さらに、新しいデザインシステムにおけるアイコンはより詳細で、ユーザーに文脈と明瞭さを提供します。これにより、ユーザーは各アイコンの意味や意図をすぐに理解することができます。

全体として、Elementor 3.14の新しいデザインシステムは、デザイナーとユーザーにとって多くのメリットをもたらします。マテリアルデザインの原則を取り入れることで、Elementorはより魅力的で直感的、かつ一貫性のあるユーザー体験を実現し、あらゆるWebデザイナーにとって必携のツールとなっています。

❹ MAツール"HubSpot"との統合

マーケティング活動の効率化をお考えなら、Elementor AIとHubSpotを統合することが最適なソリューションになるでしょう。Elementor AIは、機械学習を使用して、エンゲージメントを最大化するためにウェブサイトのコンテンツを最適化します。さらに、HubSpotの強力なマーケティングオートメーションツールと組み合わせれば、最強の組み合わせとなります。

まずは、Elementor AIとHubSpotの両方でアカウントを作成する必要があります。登録が完了すると、2つのプラットフォームを接続できるようになります。これにより、各ページの滞在時間や訪問頻度の高いページなど、ウェブサイト上のユーザー行動を追跡できるようになります。

このデータをもとに、ユーザー一人ひとりに合わせたマーケティングキャンペーンを実施することができます。例えば、ユーザーが訪れたページに基づいて、ターゲットを絞ったメールを送信することができます。また、ユーザーが特定のページに多くの時間を費やしていることに気づいたら、パーソナライズされたメッセージを送って、行動を促すこともできます。

全体として、Elementor AIとHubSpotを統合することで、マーケティング活動を自動化し、ウェブサイト訪問者とのエンゲージメントを高める優れた方法となります。今すぐ試して、Elementor AIがビジネスの成長にどのように貢献できるかを確認してください。

謹んで新年のお慶びを申し上げます。
旧年中は格別のお引き立てを賜り、誠にありがとうございます。

本年も引き続きお客様のビジネスを一段と加速できるようデザイン・クリエイティブの力でしっかりと支援してまいりますので、2024年もどうぞよろしくお願い申し上げます。

2024年 元旦
株式会社ページワンスタジオ
代表取締役 青木 唯史