![](https://kentinfo.biz/wp-content/uploads/2018/02/726074.jpg)
色々なブログを見ていると、そのブログオリジナルキャラクターが登場し、要所要所で吹き出しで会話している。
なんて場面をよく見かける事がありませんか?
吹き出しを使ってキャラクターに会話させるなんて、ちょっとブログ上級者っぽくっていいですよね(*^-^*)
実は、Wordpressのテンプレート【賢威】では、簡単にキャラクター設定を行い、吹き出しを使って会話させる事が出来るんです。
[char no=1 char=”ケント”]こんな感じだね♪[/char]
今回はその方法を解説していきましょう。
5秒で解る!この記事の内容
キャラクター登録を行う
実際に吹き出しを使って会話させる前に、まずは『どんなキャラクター』に会話をさせたいのか?という登録と、設定を行わなければいけません。
ですので、まずはキャラクター登録を行っていきましょう。
今回は
![](https://kentinfo.biz/wp-content/uploads/2018/02/cha.zenshin.jpg)
![](https://kentinfo.biz/wp-content/uploads/2018/02/bakeneko.jpg)
という、急遽作成した2つのアバターをキャラクター登録し、会話させていこうと思います。
ちなみに、今回アバターの作成に関しては、以下の2サイトさんにお世話になりました。
ありがとうございます。
1つめのアバター【似顔絵メーカーCHARAT】さん
2つめのアバター【化け猫アイコンメーカー】さん
では、早速キャラクター登録を行っていきます。
まずはダッシュボード左側メニュー①【キャラ一覧】にマウスカーソルを合わせ、②【キャラ登録】をクリックしてください。
![](https://kentinfo.biz/wp-content/uploads/2018/02/2018-02-12_15h56_05.png)
キャラ登録の画面が出てきます。上から順番に設定していきましょう。
![](https://kentinfo.biz/wp-content/uploads/2018/02/2018-02-12_15h57_30.png)
名前
キャラクターの名前を入力してください。
名前の表示
吹き出しの下に名前を表示させるかどうかの確認です。
![](https://kentinfo.biz/wp-content/uploads/2018/02/2018-02-12_16h27_04.png)
画像
キャラクター設定する画像を登録します。
【画像を設定する】をクリックしてください。
![](https://kentinfo.biz/wp-content/uploads/2018/02/2018-02-12_15h58_54.png)
![](https://kentinfo.biz/wp-content/uploads/2018/02/2018-02-12_15h59_15.png)
ドラッグ&ドロップで追加します。
![](https://kentinfo.biz/wp-content/uploads/2018/02/2018-02-12_15h59_37.png)
追加すると、以下の様な画面が表示されます。
そのまま下にスクロールしてください。
![](https://kentinfo.biz/wp-content/uploads/2018/02/2018-02-12_16h01_23.png)
【投稿に挿入】をクリックします。
![](https://kentinfo.biz/wp-content/uploads/2018/02/2018-02-12_16h05_28.png)
画像が設定されました。
![](https://kentinfo.biz/wp-content/uploads/2018/02/2018-02-12_16h06_27.png)
画像の形
画像の形が四角か円形かを選びます。
![](https://kentinfo.biz/wp-content/uploads/2018/02/2018-02-12_16h36_18.png)
円形にする際に1つ注意点があるのですが、僕のアバター画像の様に画像の背景がもともと白の場合、背景部分だけを丸く切り取られてしまい、結局見た目は四角も円形も変わらない事があります。
吹き出しの形
吹き出しの形を選びます。
![](https://kentinfo.biz/wp-content/uploads/2018/02/2018-02-12_16h41_43.png)
吹き出し背景の色
吹き出しの背景色を変更する事が出来ます。
![](https://kentinfo.biz/wp-content/uploads/2018/02/2018-02-12_16h44_11.png)
色を変更するためにはカラーコードを入力する必要があります。
カラーコードは以下のサイトから確認出来ますので、参考にしてみてください。
↓ ↓ ↓ ↓ ↓
基本ポジション
キャラクターのポジションです。
基本ポジションで【左】を選択すると、キャラクターが左・吹き出しが右に来ます。
基本ポジションで【右】を選択すると、キャラクターが右・吹き出しが左にきます。
![](https://kentinfo.biz/wp-content/uploads/2018/02/2018-02-12_16h48_02.png)
投稿用ページのボタン表示
ここは、【表示する】にチェックをいれておいてください。
その方が、実際にキャラクターを使う時に便利です。
全て設定が完了したら、一番下の【キャラを登録する】をクリックします。
![](https://kentinfo.biz/wp-content/uploads/2018/02/2018-02-12_16h06_27-1.png)
これで登録が完了しました。
登録が完了すると、キャラクターの一覧画面にもどります。
![](https://kentinfo.biz/wp-content/uploads/2018/02/2018-02-12_16h54_44.png)
これで、準備は完了です。
では、次は実際にこのキャラクター達を使って会話させてみましょう。
キャラで会話をさせる
せっかく登録したキャラクターですから、会話させないと意味がないですよね(*^-^*)
と、いう事で、会話させていきましょう。
まずは、一般投稿でも固定ページでも良いので、投稿画面を開きましょう。
すると、投稿画面右上に【ビジュアル】と【テキスト】というタブがあると思います。
![](https://kentinfo.biz/wp-content/uploads/2018/02/2018-02-12_17h04_07.png)
【テキスト】タブをクリックしてください。
![](https://kentinfo.biz/wp-content/uploads/2018/02/2018-02-12_17h05_02.png)
キャラクター登録を行う際、投稿用ページのボタン表示という項目を【表示する】にしていれば、画面上に吹き出しのマークと先程登録したキャラ名が出ているハズです。
自分が使用したいキャラの名前をクリックしてください。
![](https://kentinfo.biz/wp-content/uploads/2018/02/2018-02-12_17h05_33.png)
すると、クリックしたアイコンの、吹き出しとキャラ名の間に【/】が入り
本文を書く欄に【char no=数字】もしくは
【char no=数字 char=”キャラ名”】が表示されます。
![](https://kentinfo.biz/wp-content/uploads/2018/02/2018-02-12_17h10_44.png)
表示された【char no=数字】もしくは【char no=数字 char=”キャラ名”】の直後に、キャラクターに喋らせたい文章を入力します。
![](https://kentinfo.biz/wp-content/uploads/2018/02/2018-02-12_17h12_53.png)
喋らせたい言葉を入力したら、もう一度吹き出しとキャラの名前の間に【/】の入ったアイコンをクリックします。
すると、【/char】という文字が表示されます。
![](https://kentinfo.biz/wp-content/uploads/2018/02/2018-02-12_17h15_53.png)
【ビジュアル】タブをクリックして画面を切り替えてみましょう。
![](https://kentinfo.biz/wp-content/uploads/2018/02/2018-02-12_17h21_48.png)
ビジュアル画面でも、キャラクターの会話画像は出てきていません。
![](https://kentinfo.biz/wp-content/uploads/2018/02/2018-02-12_17h22_06.png)
一度、実際の投稿画面がどうなっているのか、プレビューをみてみましょう。
このまま一旦適当な名前を付けて、下書きとして保存してください。
![](https://kentinfo.biz/wp-content/uploads/2018/02/2018-02-12_17h22_36.png)
保存すると、【投稿をプレビュー】というリンクが出てくるので、それをクリックします。
![](https://kentinfo.biz/wp-content/uploads/2018/02/2018-02-12_17h23_05.png)
どうやらキャラクターを使っての会話を行うのに成功したようです。
![](https://kentinfo.biz/wp-content/uploads/2018/02/2018-02-12_17h23_30.png)
あとは同様の要領で、他のキャラクターも使いながら会話を進めていってください。
![](https://kentinfo.biz/wp-content/uploads/2018/02/2018-02-12_17h26_29.png)
ちなみに、上の会話ですが、編集画面はこんな感じになってます。
![](https://kentinfo.biz/wp-content/uploads/2018/02/2018-02-12_17h26_56.png)
まとめ
キャラクターを使っての会話をする方法はご理解頂けましたでしょうか?
流れをもう一度おさらいすると、
- キャラクターを準備する。
- キャラクターの登録を行う。
- テキスト画面でキャラクターを使う。
という3工程になりますね。
登録さえしてしまえば、その後使うのは非常に簡単です。
是非やってみてくださいね(*^-^*)
それでは、これでお話は以上です。
お疲れさまでした。