コラムの装飾一覧
更新日：
公開日：
目次
使い方
ブロックエディタの編集画面にて、サイドメニューブロック > 高度な設定 > 追加 CSS クラスにクラスを付与します。
通常の囲み
divやp要素に対してクラスを付与します。
clm_box bg_blue
clm_box bg_red
clm_box bg_green
clm_box bg_yellow
clm_box brd_blue
clm_box brd_red
clm_box brd_green
clm_box brd_yellow
カラムの中に複数要素入れて使うこともできます。
タイトル
- あいうえお
- かきくけこ
- さしすせそ
リストのボックス
ulもしくはolに対してクラス list_box を付与
背景色はラインについては、通常の囲みと同じ、bg_blueなどを付与する。
- list_box bg_red
- かきくこけ
- さしすせそ
- list_box brd_red
- かきくこけ
- さしすせそ
- list_box bg_blue
- かきくこけ
- さしすせそ
- list_box brd_blue
- かきくこけ
- さしすせそ
- list_box bg_green
- かきくこけ
- さしすせそ
- list_box brd_green
- かきくこけ
- さしすせそ
画像
画像に対してボーダーを追加
brd_img
その他
Pタグに対してクラス point_boxを指定
Pタグに対してクラス info_boxを指定
この記事を書いた人
主に製造業の企業様を対象に、BtoB特化型のWEBコンサルを行っております。広告運用、SEO、メールマーケティング等のデジタルマーケティングはお任せください。顧客獲得を目的としたWEB制作も行っており、クライアントの売上拡大に貢献しています。
無料相談・資料ダウンロード
contact・download
Webマーケティング、Webサイト制作・運用のご相談は、
aily-lab アイリーラボ へお気軽にお問い合わせください