WordPressのテーマビルダープラグイン「Elementor」のファンブログ

Elementorのシェイプ区切り あれこれ

Share on facebook
Share on twitter
Share on pocket
Share on pinterest
shape_thumbnail

Elementorのシェイプ区切り 忘れてませんか?無料版の機能にもあるセクションのシェイプ区切りをご紹介します。いざという時にアクセントになったり、組み合わせると面白い演出が出来たりします。今回は基本の説明に加え、応用的使い方も大公開!

シェイプ区切りって?

セクションに紐づく機能で、スタイルの中にあります。

shape

実際使って見たのがこちら!

shape_demo

セクションの下部が半透明の斜めのラインで区切られています。これが「シェイプ区切り」です。シェイプ区切りのデザイン(タイプ)は全部で18種類!迷うくらい沢山あります。

シェイプ区切大図鑑

shape_yama

<設定可能項目> 色/幅/高さ/反転/最前面に移動

 

ドロップ

shape_drop

<設定可能項目> 色/高さ/反転(横)/反転(縦)/最前面に移動

 

クラウド

shape_cloud

<設定可能項目> 色/高さ/反転(横)/反転(縦)/最前面に移動

 

ジグザグ

shape_ziguzagu

<設定可能項目> 色/幅/高さ/最前面に移動

 

ピラミッド

shape_piramiddo

<設定可能項目> 色/幅/高さ/反転(横)/反転(縦)/最前面に移動

 

三角形

shape_sankaku

<設定可能項目> 色/幅/高さ/反転(上下)/最前面に移動

 

三角形非対称

shape_sankaku2

<設定可能項目> 色/幅/高さ/反転(横)/反転(縦)/最前面に移動

 

チルト

shape_chiluto

<設定可能項目> 色/高さ/反転(横)/最前面に移動

チルト透明

shape_chilttoumei

<設定可能項目> 色/幅/高さ/反転(横)/最前面に移動

 

ファン透明

shape_fan

<設定可能項目> 色/幅/高さ/最前面に移動

 

カーブ