現在サイトのテーマ調整中です。デザインや記事が一部崩れている所がありますが、ご了承ください。

【THE THOR】吹き出しの使い方と画像を変更する方法2種類

URLをコピーする
URLをコピーしました!

ブログを書いていく上で『読みやすさ』と『見やすさ』は重要視するべき事です。

読みやすい・見やすい記事というのは、読者にストレスを与えず、サイトの滞在時間を延ばす事に繋がり、SEO対策の一つとも言えます。

 

私が記事を書く時、『読みやすさ』や『見やすさ』を出すために『吹き出し』の機能を使用しています。

その他『読みやすい記事』に共通する事
〇改行がキチンとされている
〇画像や表等を使った記事
〇読みやすいフォント
〇読みやすい文字サイズ
〇飽きさせない構成
〇etc…
等々…あげ始めるとキリがありません。
吹き出しを上手に使用する事でも、記事を読みやすく・見やすく出来ます。

また、吹き出しにより読者に親近感を与えることが出来ます。

 
もみじ
文字ばっかりの中に、口語が入ってくると、親近感沸きますよね。
そう、こんな感じで。
基本的に、ブログで吹き出しを使いたいとなると、『CSS』や『HTML』等を使用して実装します。
しかし、WordPressテーマの『The Thor』では吹き出しが標準で搭載されています。
その為、面倒なCSSやHTMLの設定を行う必要がありません!
 
今回の記事ではWord Pressテーマの『The Thor』で、吹き出し画像を変更する方法を2つ紹介します。
今回紹介する方法2種類
1.常時変更
2.随時変更
目次

The Thorの吹き出し機能

The Thorの吹き出し機能は、先ほど使ったものになります。

 
もみじ
これの事だね
 
かえで
こんな感じで、右にも左にも出せるよ
 
もみじ
会話形式で、記事の所々で使う事により、読みやすい記事になります
 
かえで
でも、使いすぎは厳禁だぜ…

吹き出しを使用する事により、『読みやすい記事』になったり『楽しい記事』にすることが出来ます。

しかし、THE THOR(ザ・トール)のデフォルトの設定だと、左側や右側のキャラ画像に別のモノが既に入っています。
デフォルトの設定だと、このような画像が設定されていると思います。
デフォルトの画像じゃなくて、自分の好きなアイコンに変えたいと思う人が殆どだと思うので、以下から2種類の変更方法について書いていきます。
↑目的の場所までクリックでジャンプすることが出来ます。

常時画像変更

私自身が、Googleで『THE TOHR 画像変更方法』と調べてみると、随時変更する方法は沢山出回ってたんですが、常に変更する方法を書いているサイトが少なかったので紹介します。

吹き出しを使用する時は、毎回同じ画像を使うことが多いと思います。
したがって、「常時自分の決めた画像」に出来れば、毎回設定する必要も無くなり、作業効率も良くなります。


1.WordPressの管理画面に行きます。

WordPressの管理画面の行き方
『https://〇〇〇/wp-admin/』とURL欄に入力し検索します。
※〇〇〇の部分は自分のブログのドメインを入力してください。

WordPress管理画面

2.左側のメニューから『外観』→『カスタマイズ』をクリック

WordPress外観カスタマイズ

 

以下のような画面に切り替わります。

 

WordPress外観カスタマイズ画面

 

3.左側のメニューの『パーツスタイル設定[THE]』→『吹き出し設定(個別ページ用)』をクリック

 

The Tohr吹き出し設定画面

4.『左画像を指定』と『右画像を指定』から任意の画像を指定する。

『画像を選択』をクリックすると『メディアライブラリ』が開くのでその中から画像を選択or画像をアップロードして任意画像を指定する。

 

5.『左名前を入力』と『右名前入力』に吹き出し画像下に表示させたい名前を記入する。

 
もみじ
この吹き出し画像の下に表示される名前の事だね!
私は「左名前」はもみじに設定してるよ!
 
かえで
「右名前」はかえでに設定してあるぜ
良い名前だろうぅ?
必ず設定後は右上にある『公開』をクリックし、保存をしてください。

保存をしないと設定した内容が消えてしまいます。
6.これで画像の変更&名前の設定は完了です!
この他にも「吹き出しの背景色」や文字色もデフォルトから変更することが出来るので、是非自分好みの吹き出しに設定してみてください!

常時画像変更のメリット

・毎回画像と名前を設定する必要がない。
・記事を書く作業効率が上がる。

常時画像変更のデメリット

・2種類しか設定できない。

 

こんな感じで、常時画像変更の方法は以上になります!

デメリットで2種類しか設定できませんが、それを補うのが方法2(随時画像変更)です!

 

随時画像変更

Googleで調べたところ一番多くヒットした方法です。
(昔のバージョンではこの方法しか出来なかったのかな?)

この方法では吹き出しを使うとき毎回画像&名前を変更しないといけません。
少し面倒な設定方法ですが、何種類でも設定をすることが出来ます。

 

1.記事を書く画面に行きます。

2.『プリセットパーツ』から『吹き出し』を選択し、吹き出しを出します。

 

3.吹き出しの画像付近をクリックします。
※クリックすると記事打ち込み部分の下に「DIV>>FIGURE>>DIV」と表示されるので、その状態になった事を確認して次に進みます。
吹き出し随時変更
 
4.左上にあるメディアを追加から設定したい画像を選択orアップロードする。
 
5.画像が変更出来たら、画像下の名前を変更します。
6.これで随時画像変更は完了です!

随時画像変更のメリット

・アイコンの種類に制限がない(何種類でも設定できる)

随時画像変更のデメリット

・毎回変える必要があるので面倒

 

まとめ

いかがだったでしょうか?
これで、皆さんも自分の好きなアイコンで吹き出しを使えるようになると思います!

私のオススメの使い方は「基本は常時変更設定」で使用し、2種類以上使用したいときや、特例で別のアイコンを使いたいときだけ「随時変更設定」で変更していくのがいいと思います。
基本的には2種類で足りるとは思いますが、キャラクターが5種類とかいたら随時変更設定でやってみてください。

 

P.S
分からないこと等があれば、コメントにて教えてくださると幸いです。
分かりやすいように記事を改善していきます!

サイト支援

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
URLをコピーする
URLをコピーしました!

この記事を書いた人

1998年生まれ(男性)
15歳の頃に技能や技術について学び始める
現在は『技術職・技能職』にて仕事中
数年前からスキンケアにハマり、毎日メンズスキンケアについて研究中。
趣味として『ブログ』と『Youtube』を運営

コメント

コメントする

目次
閉じる