ポップアップブロックの使い方

ポップアップブロック

STORK SEのカスタムブロック(STORK BLOCKS)の「ポップアップ」は、ポップアップ(オーバーレイスタイル)コンテンツを作成できるブロックです。

ポップアップブロックの表示例

ポップアップブロックの使い方

ポップアップブロックの使い方について説明します。使い方のイメージとして、下記の動画もご覧ください。

※この動画ではSTORK19の画面を使用しています。
このブロックを追加する方法

このブロックをコンテンツに追加するには、以下の2通りの方法があります。

  1. ブロック挿入ツールで「ポップアップ」を検索して追加
  2. エディタ(ビジュアル編集)に/popupを入力して追加

エディタ上で▼ポップアップここから ▲ポップアップここまでと表示されるエリアが、実際にプレビューでポップアップ表示されるコンテンツになります。

アコーディオンブロックとの相互変換も可能です。

ポップアップブロックの設定

ラベルのデザインラベルのデザインを選択できます。
シンプル / 枠線 / ボタン / ボタン(輪郭)
ボックスのデザインボックスのデザイン(角丸や余白)を選択できます。
ノーマル / 角丸 / フレーム / 余白なし
ボックスのサイズボックスのサイズを選択できます。
小さく表示 / 基本サイズ / 大きく表示

ラベルデザインのバリエーション

ラベルのデザイン

ポップアップブロックの使用例

ポップアップブロックは様々な活用方法があり、アイディア次第でコンバージョン率を上げることも可能です。ただ、やみくもに使い過ぎるとコンバージョンの質が下がってしまうので注意も必要です。

記事リストをポップアップ表示

カテゴリーなどの記事リストもポップアップ表示できます。

CTAをポップアップ表示

CTAなどの注目してほしいコンテンツをポップアップで大胆に見せる方法もあります。

▼投稿下部のウィジェットエリア

▼投稿下部のウィジェットエリア

さらに洗練された
究極のモバイルファーストテーマ

WordPressテーマSTORK SEストークSE

これまでに5万回以上ダウンロードされたWPテーマのシリーズ最新版「STORK SE」です。さらに洗練されたデザイと機能で「誰が使っても美しいデザイン」のサイトを作成できます。