吹き出し機能の強化リニューアル!

 

口コミなどを表示させるのに便利な「吹き出し機能」ですが、
より細かくカスタマイズができるようになりました。

 

吹き出し上の文字サイズ変更はもちろん、
画像を円で表示させたり、コンテンツに応じて吹き出しの長さを自動調整したりと
細かなカスタマイズできる機能が搭載されています。

 

「吹き出し機能」で作成できる吹き出しの一例

 

 

テスト説明文です、テスト説明文です、テスト。
テスト説明文です、テスト説明文です、テスト
テスト説明文です、テスト説明文です、テスト


 

吹き出し作成機能の使い方手順

 

吹き出しの作成画面は文字装飾メニューの下段一番左の「ボックスボタン」をクリックし
一番下の「吹き出し」をクリック、吹き出し作成画面を呼び出してくださいください。

 

文字装飾メニュー画面

吹き出しの作成画面

吹き出しの横幅を自動調整してくれる。

 

文章の長さに合わせて、吹き出しの横幅を自動調整してくれます。
Lineやチャット風のデザインになりますので、会話形式でコンテンツを
作りたい場合に便利です。

 

会話形式や対談形式が簡単に表現できます。


 

なんか!楽しい画面に
なりそうですネ!


 

サイトのデザイン表現が広がりますネ!


 

サイト作りが
楽しそう!


画像を円で表示する

 

吹き出しの横または上下に表示される画像を円で表示できる。

 

チエックを入れるだけで、画像を円表示することが
できます!画像に背景がある人物画像を利用する
場合に、そのまま使用できるメリットがあります。


吹き出し作成の詳細設定画面への入力説明!

 

この画面では、人物イラストの拡大、縮小、吹き出し全体の位置、
また吹き出しの色の選択、フォントの指定など、細かい詳細を設定できます。
バージョンアップ前よりもかなり細かく指定できるようになっています。

 

吹き出し作成の詳細画面

 

詳細設定タブの説明

 

フォントサイズ

 

吹き出し内の文字サイズを指定します。デザインによって
文字の大きさを自由に変更できます。

 

吹き出し上部の余白

 

吹き出し全体の位置を上下に移動できますので画像に
合わせることが簡単にできます。

 

 

吹き出し上部の余白が0pxの場合の位置


 

吹き出し上部の余白が110pxの場合の位置


 

画像の横幅の最大値

 

吹き出しの画像の最大値を指定します。
たとえば100pxに指定している場合、画像の横幅の大きさは最大100pxとなります。
※上記の例では、画像の横幅が100px以下であれば表示に影響はありません。

 

また、画像のサイズはパーセントで指定することも可能ですので、
デバイスに応じて画像サイズを可変させたい場合にも利用できます。

 

吹き出しの縦幅上限

 

吹き出しの縦幅の上限を指定します。
たとえば60pxに指定されている場合、最大60pxの縦幅となりますが、
それを超えるテキストの場合は、スクロールで表示させることができます。

 

 

長い文章の場合はスクロールさせることができます。
長い文章の場合はスクロールさせることができます。
長い文章の場合はスクロールさせることができます。
長い文章の場合はスクロールさせることができます。
長い文章の場合はスクロールさせることができます。
長い文章の場合はスクロールさせることができます。
長い文章の場合はスクロールさせることができます。


トップへ戻る