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

指定デバイスサイズの表示Device view

ショートコードの「指定デバイスサイズの表示」ではコンテンツを指定したデバイスのみで表示することができます。

デスクトップパソコンサイズでの表示です。
タブレットサイズでの表示です。
スマートフォン横向きサイズでの表示です。
スマートフォン縦向きサイズでの表示です。

ショートコード

[show size="desktop"]
  [box color="#ffffff" background_color="#990000" align="center" padding="40px"]デスクトップパソコンサイズでの表示です。[/box]
[/show]

オプション

  • size : 表示するデバイスサイズを設定します。[desktop, tablet, mobile-landscape, mobile-portrait]