STORK19を今すぐダウンロード!

マイセット登録もできる!吹き出しブロック

STORK19の「吹き出し」ブロックの使い方を説明します。このブロックを使うことで、ページ内で会話形式のコンテンツを簡単に作成できます。

吹き出しのスタイルを個別に登録できるマイセット機能も利用できます。

STAFF

このような「吹き出し」を簡単に作成できます。

STAFF

ほんとだね!
直感的に操作できるようになって、記事編集が楽しくなりそう!

STAFF

吹き出し設定では、以下の項目を変更できます。

  1. 吹き出しデザイン(プリセットカラー)
  2. 吹き出しのサイズ
  3. アイコン位置
  4. アイコン色

カスタムカラーも可能で、吹き出しコメントの文字色、背景色、アイコン周りの色は自由に変更できます。

STAFF

さらに、マイセット機能を利用することで、吹き出しオプションやカスタムカラーを登録しておけるので、同じ吹き出しを使い回すのに超便利。

上のような会話風の吹き出しブロックを直感的に作成できます。

吹き出しブロックの使い方

使い方のイメージとして、下記の動画もご覧ください。

吹き出しブロックの登録
このブロックを追加する方法

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

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

吹き出し設定

エディタサイドバーの「吹き出し設定」パネルで吹き出しのオプションを設定できます。

吹き出しのプリセットカラー(背景色とアイコン周りの色)や、アイコンの左右位置、吹き出しのサイズを変更できます。

OPENCAGE
OPENCAGE

アイコン位置:
吹き出しサイズ:フルサイズ

OPENCAGE
OPENCAGE

アイコン位置:
吹き出しサイズ:ストレッチ

吹き出しサイズで「ストレッチ」を設定することで、文章の長さに応じたサイズになります。

色の設定(カスタムカラー)

吹き出し設定パネル下の「色の設定」パネルで吹き出しのカスタムカラーを設定できます。

カスタムカラーの設定もマイセット登録で保存できます👍️

STAFF

吹き出しの背景色、文字色、アイコン枠の色を自由に変更できちゃう♪

STAFF

テーマの配色やアイコン画像の色にも合わせられるね。

「吹き出し設定」パネルの方でプリセットカラーを選択している場合も、カスタムカラーの変更が反映されます。

プリセットカラーを再選択すると、色の設定はリセットされます。

マイセット登録

吹き出しのマイセット機能を利用することで、オプションやカスタムカラーを設定した吹き出しセットを最大10個まで登録しておくことができます。

マイセット登録した吹き出しは、別の吹き出しに1クリックで適用できます。
ブロックエディタ内で登録や削除を完結できるので、かなり直感的に操作ができます。

OPENCAGE
OPENCAGE

CHECK POINT!

管理画面内の設定ページで、あらかじめ吹き出しセットを登録しておくものはよく見ますが、ブロック利用時に登録や削除ができるのが強みです。

吹き出しのマイセット登録

エラー発生の問題により利用できなくなっていましたが、ver.6.1より復帰しました。

マイセットは最大10個まで登録できるので、オプションやカスタムカラーを設定した吹き出しを複数登録しておけば、記事内でいつでも使い回すことができます。

マイセットは最大10個まで登録可能
OPENCAGE
OPENCAGE

マイセット登録を使ってページ作成を効率化しましょう。

記事下ウィジェットの表示例(PC)

※2カラムショートコードを使って広告を横並びにすることも可能です。