藤心流テキスト・ボックス | That's Elementor！エレメンターとは何か？

～49,800円(税込)

単身様以上のお荷物や、物量が多いお客様にオススメです。
1.5tパック同様荷台の空きに応じてお値段が割引かれます。
エアコン２台まで取り外し無料！！

前記の左側画像は、某LPサイトで使用されていたキャッチコピー文言として作成されたイラスト画像です。それに対して右側画像は、実は画像でなくて、見出し及びテキスト文章を含んだカラム（段組）で構成される非イラスト素材です。

即ち、左側画像のようなLPページ向けの画像を作成せずに、Elementorのカラム（段組）設定で、イラストもどきの「テキスト・ボックス」を作成することができます。本日は、その「テキスト・ボックス」の作成方法を公開致します。

・先ず、ボックス内に表示する見出しやテキストの文言を設定することからスタートします。

・カラム（段組）内に、左図のような文言の見出しと段落を設定する。

・次に、ボックスを形成する枠線をカラム（段組）の内側に線引する。

・カラム（段組）内に、青い枠線を引いて、左上角と右上角を丸みをつける。

枠線の設定情報です。

・線の太さ＝４
・枠線の丸み＝15

・最初の見出し「2.otトラックパック!!」を、参照した見本のように白抜き文字の背景色ブルーの帯状見出しに変形する。

カラムの高度な設定です。

・マージン＝-10
・パディング＝15

ここで大発見！！
高度な設定の中の「マージン」をマイナス値にすると、カラムの枠線と見出しの背景色ブルーの間の空白がブルー色で埋まります。
思ってもみなかった結果に、Elementorの凄さに感動するやら、びっくりするやら正にマジックの一言です。

・最後に２番目の見出し金額表記の文字サイズを大きくします。

見出しのサイズを変更する
・サイズ＝XL