Image&Gallery Lightboxの紹介:画像をポップアップする最も簡単な方法!

公開: 2017-08-02

画像とギャラリーのライトボックスとテキストシャドウ。 また、ビデオの新しい再生アイコンコントロール、テンプレートファイルの一括読み込み、読み込みの改善も提供しています。

YouTubeチャンネルに登録する

画像とギャラリーのライトボックス

私が紹介できる最初の機能は、 ImageLightboxです。

ライトボックスでは、ユーザーがWebサイト上の画像のいずれかをクリックすると、画像がライトボックスポップアップで開きます。 これにより、はるかに優れたユーザーエクスペリエンスが提供されます。

ライトボックスはかなり早い段階からElementorに要求された機能ですが、正しく実行できるようにしたかったのです。

現在、WordPressで画像、ギャラリー、カルーセル、ビデオのライトボックスを作成するための、最も使いやすい最高のソリューションの1つをリリースしています。

画像ライトボックス:ライトボックスをオンにすると、クリックしたすべての画像がライトボックスで開きます。

ギャラリーとカルーセルのライトボックス:この機能は、ギャラリーとカルーセルウィジェットでも機能します。 ギャラリーまたはスライダーの画像をクリックすると、ライトボックスがポップアップし、同じ右矢印と左矢印で画像をふるいにかけることができます。 一度に1つの画像しか表示しない場合は、カルーセルウィジェットを使用してライトボックススライダーを作成することもできます。

ビデオライトボックス:ビデオウィジェットのライトボックス機能は数か月前にリリースされましたが、現在は更新および改善されています。

これまで、WordPressユーザーは、ライトボックスプラグインを使用するか、Webサイトにコードを追加する必要がありました。

Elementorのライトボックスを使用すると、画像ポップアップの周囲に表示される背景色をカスタマイズできます。

画像ライトボックスは、画像、ギャラリー、カルーセル、ビデオウィジェットの画像で機能します。

ライトボックスはグローバルまたは個別に設定できます

ライトボックスはグローバルレベルで設定できます。つまり、Elementorのすべての画像、ギャラリー、カルーセルスライダーに自動的に影響します。

グローバル設定でライトボックスを無効にしても、特定の画像のライトボックスを開くことができます。

これは、画像>コンテンツに移動し、ライトボックスを「はい」に設定することで実行されます。

逆もまた真です。グローバルライトボックスをオンにしても、特定の画像では無効にすることができます。

ライトボックスは100%モバイルレスポンシブです

いつものように、私たちはモバイルの応答性に重点を置いてきました。 これは、モバイルデバイスからの訪問者が、デスクトップの訪問者と同じようにライトボックス機能を使用するときに一貫したエクスペリエンスを確実に得られるようにするために、すべてのタイプのライトボックスで十分に考慮されています。

モバイルで画像をクリックすると、ライトボックスがポップアップし、左右にスワイプしてすべての画像を閲覧できます。 言うまでもなく、ライトボックスモーダルは、表示される画面に完全にフィットするように調整されています。

ライトボックスの機能

  • 画像、ギャラリー、カルーセル、ビデオウィジェットで動作します
  • 100%モバイル対応
  • グローバルまたは個別に構成
  • ライトボックスの背景色の制御
  • エディター内でライトボックスポップアッププレビューを無効にするオプション

テキストシャドウ

次に、新しいテキストシャドウ機能を見てみましょう。

layer1

テキストシャドウ効果が見出しウィジェットに追加され、見出しをより魅力的で人目を引くものにすることができます。

テキストシャドウで遊んでください

ホイールに手を置いて、新しいテキストシャドウを試してみてください。 テキストシャドウデザインの無限の可能性を探ります。

statment1

古典的なテキストシャドウは、WordPressの見出しを本当にきれいにポップアップさせます。 Blur = 0を使用して、見出しに深みを加えます

madona1

ぼかしを使用して、見出しにネオングロー効果を追加できます

line1

ぼかしと距離の組み合わせは、いくつかの興味深い結果を生み出す可能性があります

改善されたビデオオーバーレイボタン

Elementorビデオオーバーレイボタンを使用すると、ビデオの上に再生ボタンを追加できるため、ユーザーは再生を押す可能性がはるかに高くなります。

ボタンの色、サイズ、ドロップシャドウの制御など、このボタンにさらにカスタマイズオプションを追加しました。

追加の新機能

他にもいくつかの重要な更新を導入しました。これらは非常に役立ちますが、より「内部」にあります。

Elementorの読み込みの改善

エディタの読み込みが大幅に改善され、より高速で安定した方法で動作するようになりました。

一括エクスポート/インポートテンプレート

.zipファイルを使用してElementorテンプレートを一括アップロードする方法を追加しました。 JSONテンプレートを含むzipをアップロードするだけで、すべてが一度にアップロードされます。

結論

Elementorに追加されたすべての新しい無料機能をお楽しみいただければ幸いです。 Elementor1.6にアップデートしてください。

以下のコメントで、お気に入りの機能を教えてください。Elementorの新しいアップデートと機能リリースについて最初に聞くためにサブスクライブすることを忘れないでください。