トグルやボタンなどを簡単に作れるプラグインです。

インストールすると、Font Awesome iconも使えます。

box

●色は15色

色は15色あります

色は15色あります

color=”black”
color=”blue”
color=”green”
color=”grey”
color=”lblue”
color=”lgreen”
color=”lgrey”
color=”lred”
color=”ltan”
color=”orange”
color=”purple”
color=”red”
color=”tan”
color=”yellow”
color=”white”

style指定でこのようなboxがデフォルトで準備されています
style指定でこのようなboxがデフォルトで準備されています
style=”download”
style=”alert”
style=”comment”
style=”tip”

button

●大きさは4種類
Google　Google　Google　Google

Google
Google
Google
Google

●色は11色
black blue green gray/grey lgray/lgrey orange purple red tan yellow white

●スタイルは3種類
classic
flat
clear

classic
flat
clear

accordions

Accordion 1
Accordion 1 content here
Accordion 2
Accordion 2 content here
Accordion 3
Accordion 3 content here


Accordion 1

Accordion 1 content here



Accordion 2

Accordion 2 content here



Accordion 3

Accordion 3 content here

残念なことに、[/accordion]タグの後ろで改行すると形が崩れてしまいます。
ですので、作りこんだ後は、改行を削除して公開します。

toggle

Toggle This
Toggle Content to show on click
Toggle This
Toggle Content to show on click

 

Toggle This
このように開いた状態で表示したいときは、load=”open”を追加します。
Toggle This
このように開いた状態で表示したいときは、load="open"を追加します。

tab

Tab 1 content here
Tab 2 content here
Tab 3 content here



Tab 1 content here




Tab 2 content here




Tab 3 content here

list

  • Item 1
  • Item 2
  • Item 3

{list style=”arrow-blue”][/list}で囲みます。※最初と最後の{}を[]に変える

  • style=”arrow-black”
  • Item 2
  • Item 3
  • style=”arrow-blue”
  • Item 2
  • Item 3
  • style=”arrow-green”
  • Item 2
  • Item 3
  • style=”arrow-grey”
  • Item 2
  • Item 3
  • style=”arrow-orange”
  • Item 2
  • Item 3
  • style=”arrow-red”
  • Item 2
  • Item 3
  • style=”arrow-pink”
  • Item 2
  • Item 3
  • style=”arrow-white”
  • Item 2
  • Item 3
  • style=”close”
  • Item 2
  • Item 3
  • style=”send”
  • Item 2
  • Item 3
  • style=”ban”
  • Item 2
  • Item 3
  • style=”star”
  • Item 2
  • Item 3
  • style=”cloud-download”
  • Item 2
  • Item 3
  • style=”check”
  • Item 2
  • Item 3

colum

●2カラム

左カラムです。あいうえおかきくえこさしすせそたちつてと。
右カラムです。あいうえおかきくえこさしすせそたちつてと。


This is the left column content




This is the right column content

●3カラム

左カラムです。あいうえおかきくえこさしすせそたちつてと
右カラムです。あいうえおかきくえこさしすせそたちつてと。右カラムです。あいうえおかきくえこさしすせそたちつてと。


This is the column 1 content




This is the column 2 content

左カラムです。あいうえおかきくえこさしすせそたちつてと
中央カラムです。あいうえおかきくえこさしすせそたちつてと
左カラムです。あいうえおかきくえこさしすせそたちつてと


This is the column 1 content




This is the column 2 content




This is the column 3 content

同様に
4カラム（one-fourth）や５カラム（one-fifth）も用意されています。