Elementorにトレンディなオフキャンバスコンテンツを実装する
公開: 2019-04-09ウェブサイトで新しいフライアウトを見ましたか？ はい！ ELEMENTORWIDGETSメニューをクリックするとスライドインするもの。
これは、ElementorのUltimateAddonsのOff-Canvasウィジェットを使用して構築されています。
あなたもこのオフキャンバスパネルをあなたのウェブサイトに表示されるどんな形のコンテンツでも持つことができます。 しかし、何のために？
- ウェブサイトと同じようにフライアウトメニューを表示できます
- オプションの巨大なコンテンツがある場合は、ユーザーが読みたい場合にのみ手動でトリガーできるオフキャンバスコンテンツウィジェットに追加できます。
- オフキャンバスパネルを介してスライドインする魅力的なオファーを披露することができます。
- ユーザーがページを下にスクロールしているときに、関連する記事や製品へのリンクを追加できます。
- ページのコンテンツ全体の長さを短くします（短く、くっきりと面白く見えるようにします）
- ユーザーを興味深い投稿やオファーにリダイレクトし、コンバージョンサイクルにさらに進めます。
- ユーザーの関心をより長く維持するための追加のコンテンツ、ヒント、トリック、アイデアを表示します。
- 単純なWebサイトのナビゲーション方法に代わる方法を使用します。
面白い？ きっとそうです！
オフキャンバスコンテンツとは何かという基本的な概念と、Webサイトをよりインタラクティブで楽しくサーフィンできるようにするためにどのように登場したのかを簡単に説明しましょう。
Lorem ipsum dolorは、amet、consecteturadipiscingelitに座ります。 Ut elit tellus、luctus nec ullamcorper mattis、pulvinardapibusleo。
オフキャンバスの背後にある基本概念
時々、私たちは読者と言い、共有することがたくさんあります。 しかし、誰もがあなたが言わなければならないことすべてに興味があるわけではありません。 短く、シンプルで鮮明なものが好きな人もいます！
オフキャンバスウィジェットの背後にある主な基本概念は、ビューポートから離れているがトリガーされるとスライドインするブロックにそのような追加情報を追加できるようにすることです。 これにより、追加した追加情報が関心のあるユーザーにのみ表示されるようになります。つまり、ページでのユーザーエクスペリエンスとエンゲージメントが向上します。
これをさらに変更して、流行のフライアウト、オファーを表示するバナー、別のページが埋め込まれたパネル、別のページまたは関連する投稿へのリンクなどを表示するために使用できます。
オフキャンバスコンテンツの現在および後で！
Facebook Canvas Adsは、ユーザーがタイムラインをスクロールしている間に、企業が広告を掲載するための恩恵にすでになっています。 これは、キャンバス外のコンテンツがすでに機能していることを示すための単なる参考資料です。
未来も明るく見えます！ 今日、モバイルおよび小画面デバイスが普及しているため、小画面用に最適化されたコンテンツを表示するためのソリューションを提供することが重要です。
さて、これはオフキャンバスが場所を作る場所です！
Elementorでオフキャンバスパネルを追加！
Elementorは、Ultimate Addons for Elementorバージョン1.11.0と組み合わせると、Elementorで作成されたページまたは投稿でオフキャンバス機能を使用できます。
オフキャンバスウィジェットは、他のElementorウィジェットと同じように、ドラッグ、ドロップ、およびカスタマイズできます。
どのようなコンテンツを表示できるのでしょうか。 ここにいくつかの例があります！
魅力的なトリガーを配置してコンテンツを表示できます–
最高のサービスのためのデトックスアプリを入手
Lorem ipsum dolorは、amet、consecteturadipiscingelitに座ります。 Ut elit tellus、luctus necullamcorpermattis。
ボタンをクリックすると
接続しましょう！
Lorem ipsum dolorは、amet、consecteturadipiscingelitに座ります。 Ut elit tellus、luctus nec ullamcorper mattis、pulvinardapibusleo。
- ロンドンアイ、ロンドン、イギリス
- 123 456 7890
- [メール保護]
アイコンをクリックします
これは、このウィジェットが提供するより興味深い機能を説明する記事です。
よくある質問
1. UAEのOff-Canvasウィジェットを使用してoff-canvasメニューを作成できますか？
>>はい！ ElementorのUltimateAddonsのオフキャンバスウィジェットには、WordPressメニューとして表示できるオプションがあります。 これは、Off-canvasコンテンツウィジェットを使用してoff-canvasメニューを表示するための記事です。
2.メニュー項目のクリックでオフキャンバスパネルをトリガーできますか？
>>はい！ メニュー項目をクリックすると、キャンバス外のパネルをトリガーできます。
3.別のElementorウィジェットをクリックしたときにオフキャンバスパネルをトリガーできますか？
>>はい！ カスタムクラスまたはIDを使用して、Elementorウィジェットをクリックするだけでオフキャンバスパネルをトリガーできます。
4.オフキャンバスコンテンツウィジェットにショートコードを追加できますか？
>>はい！ ElementorのUltimateAddonsのオフキャンバスウィジェットのコンテンツセクションにショートコードを追加できます。
5.一度に複数のオフキャンバスパネルをトリガーできますか？
>>オフキャンバスウィジェットを使用すると、一度に最大2つのパネルをトリガーできます。1つは左から、もう1つは右からです。 これは、カスタムクラスまたはIDを使用して実行できます。 あなたは今これが実際に動いているのを見ることができます！