【エレメンター】セクションの概要

elementor-セクション概要

レイアウト

 伸縮セクション:セクションをページの全幅に伸ばします。

 コンテンツの幅:コンテンツの幅をボックスまたはフル幅に設定します。

         Boxedを選択する場合 – スライダを使用して幅を設定します。

 カラムにすき間:カラムに幅を設定します。

 高さ:画面に合わせるかどうかを選択します。セクションが画面に表示され、

    最小高さを設定し、スライダを使用してセクションの高さを設定します。

 コンテンツの位置:セクションコンテンツの位置を設定します。

 HTMLタグ:セクションのHTMLタグを設定します。

スタイル

▶︎背景(普通とホバー)

 背景の種類:クラシック、グラデーション、背景動画のいずれかの背景を選択

▶︎背景オーバーレイ(通常とホバー)

 背景の種類:クラシックまたはグラデーションから選択

 ブレンドモード:ブレンドモードを設定する。

▶︎ボーダー(通常とホバー)

 ボーダータイプ:ボーダータイプを設定する

 ボダー丸み:ボーダー丸みを設定する

 ボックスシャドウ:ボックスシャドウを追加する

▶︎シャイプ区切り(普通とホバー)

 タイプ:ドロップダウンをクリックして、タイプを選択します。

 色を選ぶ

 幅:幅を設定する

 高さ:高さを設定する

 反転:はい / いいえを決定

 最前列に移動:はい / いいえを決定

▶︎書体

 見出しの色 / 文字色 / リンク色 / リンクホバーカラー / 文字の配置:それぞれの色を設定する

詳細

▶︎詳細

 マージン:マージンセクションを設定する

 パディング:パディングのセクションを設定する

 Zインデックス:Z-インデックスを設定します。

 開始アニメーション:ドロップダウンをクリックしてアニメーションを選択します。

 CSS ID:セクションのCSS IDを設定する

 CSSクラス:セクションのCSSクラスを設定する

▶︎スクロール効果(プロユーザーのみ)

 スティッキー:セクションをスティッキーに設定し、上部または下部のいずれかを選択します。

▶︎レスポンシブ

 カラムを逆にする:列の順序を逆にするためにスライドする(モバイル向けに最適)

 視認性:デスクトップ、タブレット、モバイルでセクションを表示または非表示にする

▶︎カスタムCSS

 独自のカスタムCSSを追加する

Facebook
Google+
Twitter
LinkedIn
Pinterest

ご相談ください

弊社では、案件のサイズに関係なくコストパフォーマンスの高いウェブ制作サービスを提供しております。

気軽にご相談ください。

Email: info@unilance.co.jp
Tel: 03 5830 7277

Wordpress、Laravel、React Natvieを得意としたウェブシステム開発会を行っております。社多言語対応も可!
気軽にお問合せください。

About

  • Stories
  • Community
  • Blog
  • Careers
  • Brand Assets

Downloads

  • Coming Soon...
  • Coming Soon...
  • Coming Soon...
  • Coming Soon...
  • Coming Soon...

© All rights reserved

Made with ❤ in Sugito, Saitama, Japan