スタイルサンプル

H2見出し

H３見出し

H４見出し

H５見出し

H６見出し

flex_wrap

__wrap-n

__wrap-“個数”：「__wrap-3」３列

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

背景あり　__wrap-n　__bg

背景あり　__wrap-n __bg __white

背景あり　__wrap-n __bg __cover

half_wrap

1. スタイルは「数字ー丸」を選択
2. この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
3. この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

• スタイルは「矢印」を選択
• この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
• この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています

• スタイルは「矢印」を選択
• リストクラスに「__inline」を追加で横並び
• ダミー
• ダミー
• ダミー
• ダミー

• スタイルは「矢印」を選択
  • リストクラスに「__box」を追加
• この文章はダミーです。
  • この文章はダミーです。この文章はダミーです。この文章はダミーです。
• この文章はダミーです。
  • この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。
• この文章はダミーです。
  • この文章はダミーです。

ヘッダー	ヘッダー	ヘッダー
ヘッダー	テスト	テスト
ヘッダー	テスト	テスト
ヘッダー	テスト	テスト
ヘッダー	テスト	テスト

ヘッダー	ヘッダー	ヘッダー
テスト	テスト	テスト
テスト	テスト	テスト
テスト	テスト	テスト
テスト	テスト	テスト

ボタン単体：整列を設定するとPCでは反映して、SPでは中央になります

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

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

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

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

• Point1

  タイトル

  説明が入ります。URL欄にリンク先を追加すると、クリックできるようになります。 ここではアクセスにリンクしています。

• Point2

  タイトル

  説明が入ります。URL欄が空欄の場合は、クリックできません。

• Point3

  タイトル

  説明が入ります。

• Point4

  タイトル

  説明が入ります。説明が入ります。説明が入ります。説明が入ります。説明が入ります。説明が入ります。説明が入ります。説明が入ります。説明が入ります。説明が入ります。

• 質問が入ります

  答えが入ります。答えが入ります。答えが入ります。答えが入ります。答えが入ります。答えが入ります。答えが入ります。答えが入ります。答えが入ります。答えが入ります。答えが入ります。答えが入ります。答えが入ります。答えが入ります。答えが入ります。答えが入ります。答えが入ります。

• 質問が入ります

  答えが入ります。答えが入ります。答えが入ります。答えが入ります。答えが入ります。答えが入ります。答えが入ります。答えが入ります。答えが入ります。答えが入ります。答えが入ります。答えが入ります。答えが入ります。答えが入ります。答えが入ります。答えが入ります。答えが入ります。

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