新規拡張ユニット「チャット風テキストユニット」を
リリースしました！
bingo!さん
2018年12月19日(水)、
新規拡張ユニット
「チャット風テキストユニット」を
リリースしました!
新規拡張ユニット
「チャット風テキストユニット」を
リリースしました!
うさぎ
チャット風テキストユニットってどんなもの?
bingo!さん、教えてください!
bingo!さん
チャット風テキストユニットとは…
テキストを会話形式で表示できるユニットです。
アイコン画像+人物名+吹き出し付テキストで構成されています。
表示位置を左右に出し分けて、
チャットのような会話形式でテキストを表示できます。
アイコン画像と名前は非表示にすることも可能です。
テキストを会話形式で表示できるユニットです。
アイコン画像+人物名+吹き出し付テキストで構成されています。
表示位置を左右に出し分けて、
チャットのような会話形式でテキストを表示できます。
アイコン画像と名前は非表示にすることも可能です。
うさぎ
おもしろそう!
でも、どんなときに使えばいいの?
でも、どんなときに使えばいいの?
bingo!さん
例えば…
①マニュアル
対話形式のマニュアルに最適です。
講師と生徒など配役を決めることで、会話を通して自然に説明することができます。
①マニュアル
対話形式のマニュアルに最適です。
講師と生徒など配役を決めることで、会話を通して自然に説明することができます。
あるある!たまに見かけますよね。
他にはありますか?
他にはありますか?
bingo!さん
お知らせなどの連載記事
アイコンに独自のキャラクターを使っても面白いかもしれません。
また、インタビュー記事やコメントなどにも利用できます。
アイデア次第でいろんな表現ができますよ!
アイコンに独自のキャラクターを使っても面白いかもしれません。
また、インタビュー記事やコメントなどにも利用できます。
アイデア次第でいろんな表現ができますよ!
なるほど!
いくつかアイデアが浮かんできました。
いくつかアイデアが浮かんできました。
うさぎ
でも、どうやって設定すればいいの?
それな
bingo!さん
必須項目はテキストのみ!
任意で名前やアイコン画像を設定し保存します。
任意で名前やアイコン画像を設定し保存します。
すごくかんたんですね!
自分でも出来そうです。
自分でも出来そうです。
bingo!さん
あとは適宜、レイアウトや吹き出しの色、文字色やサイズなどを設定してくださいね。
ちなみに、アイコン画像は設定した画像の中央部分に合わせて自動で丸く切り抜かれます。
ちなみに、アイコン画像は設定した画像の中央部分に合わせて自動で丸く切り抜かれます。
だからふたりのアイコンは丸いんですね〜
うさぎ
このユニットはアレンジできないの?
bingo!さん
CSSを記述すれば、
名前のフォントサイズが変更可能ですよ。
やり方はマニュアルを参照してください。
試しにうさぎさんに…。
名前のフォントサイズが変更可能ですよ。
やり方はマニュアルを参照してください。
試しにうさぎさんに…。
うさぎ
名前が大きくなった!
すごく自己主張が激しい人みたいですね!
うさぎ
…。
他にはありますか?
bingo!さん
アイコン画像の形を変更できます!
CSSを記述することで、アイコン画像の形を円形から四角形へ変更できます。
デザインや用途に合わせて調整してくださいね。
CSSを記述することで、アイコン画像の形を円形から四角形へ変更できます。
デザインや用途に合わせて調整してくださいね。
うさぎ
今度はアイコンが四角形になった!
bingo!さん
マニュアルに記述例があるので、
コピーして調整すればすぐに実装できますよ。
コピーして調整すればすぐに実装できますよ。
さっそくダウンロードしてみます!
bingo!さん
このページの下部からダウンロードができます。
皆さんもぜひ使ってみてくださいね!
皆さんもぜひ使ってみてくださいね!
※bingo!CMS 1.7.0 以上が対象となります。
bingo!CMS 公式SNS更新中！
【bingo!CMS 公式facebook】
【bingo!CMS 公式twitter】
お役立ち記事のシェアなど日々発信中です。皆さまのフォローお待ちしております!