The thorの吹き出しの画像変更方法をわかりやすく説明

Fitの有料テーマ、The thorの機能に吹き出し機能が用意されています。

しかし吹き出し機能を使用する時に利用する画像を挿入する部分がよくわかりません。

公式では犬猫の画像を左クリック→メディアを追加で使いたい画像を挿入する、という流れですが、その通りにしても「いや、できないし」となる人もいると思います。

抽象的な説明なので、僕がThe thorの吹き出しの画像変更方法を簡単に紹介します。

吹き出しの画像変更方法

まず吹き出しを表示させるために吹き出しのHTMLを出力していきます。

記事編集画面にあるプリセットパーツから吹き出しを選択して表示しましょう。

するとこの上記の画像の様にName,コメントという欄が現れます。

吹き出し機能が表示されたらビジュアルエディタからテキストエディタに変更しましょう。

テキストエディタから吹き出しの<div>を確認して画像の青色の部分の<div>の間にメディアを追加しましょう。

すると吹き出しの画像があなたが使いたい画像に変更されます。

しょう。
ちゃんとできておるのぅ

ちなみに右側表示の吹き出しも同じ様に<div>の間に画像を追加すると画像が適用されます。


最後に

吹き出しの画像変更方法を説明しました。

ちなみに吹き出し毎に画像を追加しないと犬猫が表示されてしまうので非常に面倒です。

コピーペーストで使うと楽ですが、Wordpressのエディタが<div>の誤認識を起こす事があるのでコピーペーストで吹き出し会話風記事を作る場合はしっかりと段落をつけてペーストしましょう。

今後のアップグレードで吹き出しの画像を設定できる様になるといいですね。

広告
error: Content is protected !!