カテゴリー別アーカイブ: ショートコード

Arconix Shortcode – Box

ショートコードの記述例と表示

【１】アイコン（メッセージ内容）を「style」で指定

[box style="info"]この文章はダミーです。[/box]
この文章はダミーです。
[box style="alert"]この文章はダミーです。[/box]
この文章はダミーです。
[box style="comment"]この文章はダミーです。[/box]
この文章はダミーです。
[box style="download"]この文章はダミーです。[/box]
この文章はダミーです。
[box style="tip"]この文章はダミーです。[/box]
この文章はダミーです。

 

【２】色を「style」で指定

[box style="blue"]この文章はダミーです。[/box]
この文章はダミーです。
[box style="green"]この文章はダミーです。[/box]
この文章はダミーです。
[box style="grey"]この文章はダミーです。[/box]
この文章はダミーです。
[box style="red"]この文章はダミーです。[/box]
この文章はダミーです。
[box style="tan"]この文章はダミーです。[/box]
この文章はダミーです。
[box style="yellow"]この文章はダミーです。[/box]
この文章はダミーです。

Arconix Shortcode – Accordion

ショートコードの記述例

[accordions]
[accordion title="アコーディオンＡ"]
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
[/accordion]
[accordion title="アコーディオンＢ"]
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
[/accordion]
[accordion title="アコーディオンＣ" last="y"]
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
[/accordion]
[/accordions]

表示

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

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

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