WordPress Diviテーマの背景マスクとパターンの導入(+無料ダウンロード)

最近人気 WordPress テーマとページビルダーは、通知板内でテーマビルダーなどを導入し、通知板内で全体のサイト編集が可能になる傾向です。 これら 完全なサイト編集機能はDiviテーマで最初に導入されました。 Diviテーマは、最近のデザイン作業を容易にするために背景マスクとパターンを導入し、背景にさまざまな効果を適用できるようにしました。

WordPress Diviテーマの背景マスクとパターンの導入

先週、エレガント Themesは設計作業をより容易にすることができる 背景マスクと背景パターン(Background Masks And Patterns)という新機能のXNUMXつを導入しました。

背景マスク(Background Mask)は、シェーディングスペースを使用して背景をフレーム化し、新しい外観を作成します。 背景マスクは、背景要素の上、コンテンツの下に配置されます。 この機能は、背景色、グラデーション、画像、ムービーをフレーム化し、それらの要素だけがマスクを介して露出され、新しい外観を作成する方法で動作します。

マスクはSVGを使用して作成されるため、非常にシャープで軽量で、要素のサイズに自動的に一致します。

Diviにはさまざまなマスクが含まれています。 マスクは左右反転、回転、反転して、より多くの形状を作ることができる。 バックグラウンドマスクは、モジュール、列、行、セクションなど、すべての要素に適用できます。

WordPress Diviテーマの背景マスクとパターンの導入

次の画像に示すように、各マスクをカスタマイズしてさまざまな形状を演出できます。

背景マスクは、背景パターン(背景パターン;背景パターン)と組み合わせて使用​​できます。 背景マスクは、背景色、グラデーション、画像の上、マスクの下に配置されます。 パターンは、背景要素の上に置かれ、ページにパターンを追加するために使用できます。

12種類のDivi用無料の背景マスクとパターンデザインをダウンロード

WordPress Diviテーマの背景マスクとパターンの導入 - バックグラウンドマスクとパターンデザインの無料ダウンロード
Divi用無料背景マスクとパターンデザイン(出典:Elegant Themesブログ)

エレガント Themesはブログを通じてDivi用の背景マスクとパターンデザインを無料でダウンロードできるように公開しました。 」Divi 用の 12 個の無料背景マスクとパターン デザインをダウンロード「から無料の背景マスクとパターンデザインをダウンロードできます。

ブログから背景マスクとパターンファイルをダウンロードして解凍した後 WordPress 伝言板> Divi> Divi Libraryに移動し、 インポート・エクスポートをクリックしてインポートできます。

WordPress Diviテーマの背景マスクとパターンの導入(+無料ダウンロード)4

Diviテーマを最新バージョンに更新すると、モジュールまたはセクション設定の 経歴 部分に背景パターンと背景マスクを指定するオプションが追加されていることを確認できます。

WordPress Diviテーマの背景マスクとパターンの導入(+無料ダウンロード)5

マスク変換で左右回転、上下回転、反転などのオプションを適用することで、一つのパターンに対しても様々な効果を出すことができ、面白く作業できるようです。

WordPress Diviテーマの背景マスクとパターンの導入(+無料ダウンロード)6

最後に、

Diviにバックグラウンドマスクとバックグラウンドパターン機能が導入されたというニュースを聞いたときには「便利機能が追加されたかより」と思っていましたが、実際に使ってみると簡単に様々なデザイン効果が出せて驚きました。

Diviテーマを使用している場合は、今回新しく追加された背景マスクとパターン機能を試してください。

エレガント Themesでは毎週新しいレイアウトパックを公開しています。 今後公開されるレイアウトデザインには、背景マスクとパターン機能が適用されないかと考えられます。

WordPress Diviテーマ

参照


コメントを残す

*メールアドレスは公開されません。