ブログテーマ【JINR】アイコンつき吹き出しの作り方|WordPress
![](https://omochi-style.com/wp-content/uploads/2023/10/342f590540e1f02eb78b355625cdda17.jpg)
こんにちは。おもち(@omochibigaku)です。
こちらの記事では、WordPressテーマ『JINR』をつかっている方向けに、吹き出しの作り方についてわかりやすく解説していきます。
![おもち](https://omochi-style.com/wp-content/uploads/2023/08/haha.png)
こんな吹き出しが簡単に作れちゃうよ!
STEP1.吹き出し設定画面をひらこう
![](https://omochi-style.com/wp-content/uploads/2023/10/d8fee35f6fcbc6c217541fc082eb7cb7.jpg)
画面左側のメニューにある『外観』にカーソルをもっていき、表示された『カスタマイズ』をクリック。
![](https://omochi-style.com/wp-content/uploads/2023/10/c8e26d8f3aeb126cc64292fde886d10d.jpg)
カスタマイズ画面がひらいたら『吹き出し』をクリック。
![](https://omochi-style.com/wp-content/uploads/2023/10/0bbc1967129b89aed5ef4375d8d43fb7.jpg)
吹き出し設定画面がひらきました。
STEP2.吹き出しのキャラクターを設定しよう
![](https://omochi-style.com/wp-content/uploads/2023/10/cb60567749acfee24beb8a15abbaa079.jpg)
『吹き出し1』をクリック。
![](https://omochi-style.com/wp-content/uploads/2023/10/4d5c613a8dae1a0f913928f28eca1fa9.jpg)
こちらで吹き出しの細かい設定をしていきましょう。
![](https://omochi-style.com/wp-content/uploads/2023/10/e58bf0b8e835798ac5f1ecd720b2d69a.jpg)
まずは吹き出しにつかうキャラクターの設定から。
『画像を設定してください』をクリック。
![](https://omochi-style.com/wp-content/uploads/2023/10/efc754eb566e50a2a1583bca156ddff1.jpg)
吹き出しにつかう画像を選択。
![](https://omochi-style.com/wp-content/uploads/2023/10/a941203dac75c9c3952961ea27b9ef47.jpg)
まだ画像をアップロードしていない場合は『ファイルをアップロード』をクリックして、吹き出しにつかう画像をアップロードしてください。
![](https://omochi-style.com/wp-content/uploads/2023/10/b07d0b9da9167b147dae697c0facdbdc.jpg)
画像が選択できたら、画面右下にある『画像を選択』ボタンをクリック。
![](https://omochi-style.com/wp-content/uploads/2023/10/ae2aeae72c312d80404a895e938e26ea.jpg)
画像が設定できたらキャラクター名を入力します。
![おもち](https://omochi-style.com/wp-content/uploads/2023/08/basic.png)
吹き出しの下に表示したい名前を入力するよ!
![](https://omochi-style.com/wp-content/uploads/2023/10/f6edad226643ef325a791d4c4b85734b.jpg)
画面左上にできあがりイメージが表示されるので、そちらを確認しながら進めると便利です。
STEP3.吹き出しの種類を設定しよう
![](https://omochi-style.com/wp-content/uploads/2023/10/af851ca85103913104b5e53d404b5b09.jpg)
つづいては、吹き出し部分の設定をしていきましょう。
お好きな吹き出しのタイプをえらんでください。
![](https://omochi-style.com/wp-content/uploads/2023/10/6d24b59878a2870fc03b2249fce780d2.jpg)
吹き出しの色はこちらで選択できます。
![](https://omochi-style.com/wp-content/uploads/2023/10/762bb917aa4afdc157cef76c8a72bc3e.jpg)
キャラクターを吹き出しのどちらに配置するか、また枠の太さもえらべます。
![](https://omochi-style.com/wp-content/uploads/2023/10/2a61d13ce973490b3432176286289b9f.jpg)
さいごに、吹き出しに名前をつけておきましょう。
こちらは吹き出しを管理するときにつかう名前で、外部に表示されることはないので、わかりやすい名前を入力すればOKです。
![おもち](https://omochi-style.com/wp-content/uploads/2023/08/haha.png)
キャラクターをかえて吹き出しを作る場合、名前をつけておくと、どの吹き出しかすぐにわかって便利なんだ!
STEP4.吹き出しの設定を保存しよう
![](https://omochi-style.com/wp-content/uploads/2023/10/9848a53bf1d37451f95ad180dbf3064d.jpg)
すべての設定がおわったら『公開』ボタンをクリック。
![おもち](https://omochi-style.com/wp-content/uploads/2023/08/basic.png)
これで吹き出しの設定が保存できたよ!
![](https://omochi-style.com/wp-content/uploads/2023/10/56f30d15937e23ed2b2bcefc25656856.jpg)
ほかにも吹き出しを作りたい場合は、画面左上にある左向き矢印をクリック。
![](https://omochi-style.com/wp-content/uploads/2023/10/0bbc1967129b89aed5ef4375d8d43fb7.jpg)
STEP.2~4をくり返して、必要な分の吹き出しを設定してください。
![](https://omochi-style.com/wp-content/uploads/2023/10/a5afe8491b95a96d103e427c0de82963.jpg)
吹き出しの設定画面を閉じたいときは、画面左上にある『×』マークをクリック。
![おもち](https://omochi-style.com/wp-content/uploads/2023/08/haha.png)
さっそく吹き出しをつかってブログ記事を書いてみよう!
吹き出しの使い方については、こちらのSTEP2をどうぞ。
![はじめてのブログ投稿【WordPress】ブロックエディタ(Gutenberg)の使い方をわかりやすく解説](https://omochi-style.com/wp-content/uploads/2023/09/dcea14835c8a9fbed6e54bfd4f259e24-320x180.jpg)