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

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