作成者別アーカイブ: デモタンク

デモタンクについて

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

Arconix Shortcode – Button

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

サイズ、カラー、リンク先URLを指定

[button size="small" color="black" url="http://google.com"]Google[/button]
[button size="medium" color="black" url="http://google.com"]Google[/button]
[button size="large" color="black" url="http://google.com"]Google[/button]

Google　Google　Google

[button size="small" color="green" url="http://google.com"]Google[/button]
[button size="medium" color="green" url="http://google.com"]Google[/button]
[button size="large" color="green" url="http://google.com"]Google[/button]

Google　Google　Google

[button size="small" color="orange" url="http://google.com"]Google[/button]
[button size="medium" color="orange" url="http://google.com"]Google[/button]
[button size="large" color="orange" url="http://google.com"]Google[/button]

Google　Google　Google

[button size="small" color="red" url="http://google.com"]Google[/button]
[button size="medium" color="red" url="http://google.com"]Google[/button]
[button size="large" color="red" url="http://google.com"]Google[/button]

Google　Google　Google

[button size="small" color="blue" url="http://google.com"]Google[/button]
[button size="medium" color="blue" url="http://google.com"]Google[/button]
[button size="large" color="blue" url="http://google.com"]Google[/button]

Google　Google　Google

[button size="small" color="grey" url="http://google.com"]Google[/button]
[button size="medium" color="grey" url="http://google.com"]Google[/button]
[button size="large" color="grey" url="http://google.com"]Google[/button]

Google　Google　Google

[button size="small" color="pink" url="http://google.com"]Google[/button]
[button size="medium" color="pink" url="http://google.com"]Google[/button]
[button size="large" color="pink" url="http://google.com"]Google[/button]

Google　Google　Google

[button size="small" color="white" url="http://google.com"]Google[/button]
[button size="medium" color="white" url="http://google.com"]Google[/button]
[button size="large" color="white" url="http://google.com"]Google[/button]

Google　Google　Google

リンク先URLを新規タブで開く

[button size="small" color="black" url="http://google.com" target="blank"]Google[/button]
[button size="medium" color="black" url="http://google.com" target="blank"]Google[/button]
[button size="large" color="black" url="http://google.com" target="blank"]Google[/button]

Google　Google　Google

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]