ハイウェブの機能紹介デモサイトです。

ボックスBox

ショートコードの「ボックス」では箱型のコンテンツを追加することができます。

Vivamus elementum semper nisi

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo ligula eget dolor. Aenean massa.
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

ショートコード

[box img="" background_color="#f3f3f3" align="center" padding="20px 20px 20px 20px" border="6px solid #999999" corner="rounded"]Box text here...[/box]

オプション

  • img : 画像のURLを設定します。
  • url : 画像のリンクURLを設定します。
  • target : リンクターゲット[_blank or _self]を設定します。
  • color : コンテンツの文字色を設定します。
  • background_color : コンテンツの背景色を設定します。
  • align : コンテンツの寄せ位置[left,center,right]を設定します。
  • padding : 上下左右の余白をピクセル値で設定します。padding=”上,右,下,左”となります。
  • border : コンテンツの枠線を設定します。[1px solid #EEEEEE]
  • corner : コーナーを丸くします。[rounded]
  • class : classを設定します。