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

Arconix Shortcode – List

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

■リスト

[list style="arrow-blue"]

  • Item 1
  • Item 2
  • Item 3

[/list]

  • Item 1
  • Item 2
  • Item 3

青色以外の指定：arrow-black, arrow-green, arrow-grey, arrow-orange, arrow-pink, arrow-red, arrow-white

レマーク

[list style="check"]

  • Item 1
  • Item 2
  • Item 3

[/list]

  • Item 1
  • Item 2
  • Item 3

×マーク

[list style="closes"]

  • Item 1
  • Item 2
  • Item 3

[/list]

  • Item 1
  • Item 2
  • Item 3

★マーク

[list style="star"]

  • Item 1
  • Item 2
  • Item 3

[/list]

  • Item 1
  • Item 2
  • Item 3

 

Arconix Shortcode – Toggle

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

[toggle heading="h5" title="ここをクリック"]この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。[/toggle]

 

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

 

Arconix Shortcode – Tabs

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

[tabs]
[tab title="Tab 1"]
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
[/tab]]
[tab title="Tab 2"]
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
[/tab]
[tab title="Tab 3"]
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
[/tab]
[/tabs]

 

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

 

Arconix Shortcode – Colums

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

２カラム

[one-half]
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
[/one-half][one-half last="y"]
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
[/one-half]

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

３カラム

[one-third]
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
[/one-third][one-third]
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
[/one-third][one-third last="y"]
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
[/one-third]

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

４カラム

[one-fourth]
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
[/one-fourth][one-fourth]
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
[/one-fourth][one-fourth]
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
[/one-fourth][one-fourth last="y"]
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
[/one-fourth]

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

５カラム

[one-fifth]
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
[/one-fifth][one-fifth]
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
[/one-fifth][one-fifth]
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
[/one-fifth]][one-fifth]
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
[/one-fifth][one-fifth last="y"]
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
[/one-fifth]

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

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