スタイルサンプル

スタイルサンプルsample

H2見出し

H3見出し

H4見出し

H5見出し
H6見出し

色付きマーカー:太線選択 + markerクラス付与

中央画像キャプション

flex_wrap

横並びボックスです。サイズの指定・折り返しがありません。二つの要素をグループにして親ブロックへクラス付与してください。

__wrap-n

__wrap-“個数”:「__wrap-3」3列

8列まで対応しています。

キャプション

ボックス1

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

キャプション

ボックス2

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

キャプション

ボックス3

背景あり __wrap-n __bg

キャプション

ボックス1

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

キャプション

ボックス2

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

キャプション

ボックス3

背景あり __wrap-n __bg __white

キャプション

ボックス1

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

キャプション

ボックス2

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

キャプション

ボックス3

背景あり __wrap-n __bg __cover

キャプション

ボックス1

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

キャプション

ボックス2

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

キャプション

ボックス3

half_wrap

横並び等間隔2カラム

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

キャプション
  1. スタイルは「数字ー丸」を選択
  2. この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
  3. この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
  • この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
  • この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています
  • リストクラスに「__inline」を追加で横並び
  • ダミー
  • ダミー
  • ダミー
  • ダミー

タイトル:cs_box

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

  • この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
  • この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
  • この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

重要クリニックからのお知らせ

cs_box __note

  • この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
  • この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
  • この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
ヘッダーヘッダーヘッダー
ヘッダーテストテスト
ヘッダーテストテスト
ヘッダーテストテスト
ヘッダーテストテスト
上と左にヘッダー:コピーして使用
ヘッダーヘッダーヘッダー
テストテストテスト
テストテストテスト
テストテストテスト
テストテストテスト
上のみヘッダー

ボタン複数:整列を設定するとPCとSP両方に反映します

btn-vk-primary・btn-vk-secondary・btn-vk-tertiary のクラス付与で色変更

「box-note」クラスで一つのタグを含む
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

「box-note」クラスで複数のタグを含む:テキスト内リンクを含む

グループ化した後にクラスを付与してください。複数タグではない、テキストないリンクの場合にもグループ化してください。
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

  • この文章はダミーです。
  • この文章はダミーです。この文章はダミーです。
  • この文章はダミーです。この文章はダミーです。この文章はダミーです。

parts_bg __st

  1. グループ化
  2. 「parts_bg」クラスを追加
  3. 「__st」「__mix」「__lt」クラスで色指定

parts_bg __mix

parts_bg __lt

cs_mgn_t_xs

cs_mgn_t_s

cs_mgn_t_m

cs_mgn_t_l

cs_mgn_t_xl

cs_mgn_t_none

cs_mgn_b_xs

cs_mgn_b_s

cs_mgn_b_m

cs_mgn_b_l

cs_mgn_b_xl

cs_mgn_b_none

cs_spacer_1

パーツグループsample

  • プラグインの該当のパーツページへ、使用したいページのIDを入力
  • 使用ページ下部に追加された場所へ内容追加(空欄があってもOK)
  • 使用したいページに、ショートコードを追加
  • ショートコードを一箇所しか使用できません
    同じ内容を2種類作成する場合(下記よくある質問と、普通のアコーディオンのような時)は、追加設定が必要となります

ギャラリーパーツ1

ギャラリーパーツ2

ギャラリーパーツ3

フローパーツ1

1

フロータイトル

テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。v

2

フロータイトル

テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。v

特徴パーツ1

テキスト

テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。

テキスト

テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。v

アコーディオンパーツ1

  • テキスト

    テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。

よくある質問1

アコーディオンパーツを、「faqlist」クラスで括る

  • テキスト

    テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。