ブログ関係

Word Pressテーマ JINの吹き出しの設定と使い方

 

こんにちは!みやゆきです。

今回は、

『Word Pressテーマ JINの吹き出しの使い方』

を一つ一つ丁寧に説明していきます。

この記事はこんな人におすすめ!

・JINの吹き出しの設定方法がわからない人
・ブログ初心者さん
・有料ブログテーマ導入を考えている人

みやゆきの疑問に思ったこと、学んだことも発信していきます。自分の成長と記録をするとともに、参考になる方が居たら嬉しいです。

吹き出し機能を使う準備

吹き出し機能に必要なのは以下です。

1.吹き出し用キャラクター画像

2.キャラクター画像のファイル名

3.吹き出しコード

それぞれ説明していきます。

吹き出し用キャラクター画像

吹き出しで使う画像のアップロードが必要です。

その為、まずは画像を用意します。

私はVRoidというアプリを使ってキャラクターを作りました。

著作権の問題さえクリアしていれば、どんな画像でも使用できます。

1.WordPressの管理画面からメディア」>「新規追加を選択します。
2.メディアのアップロード画面が表示されたら、
ファイルをドロップしてアップロード又はファイルを選択をクリックし
吹き出しに使う画像をアップロードします。

※「ファイルをドロップしてアップロード」の場合

 

※「ファイルを選択」の場合

3.これで画像の準備は完了しました。

※このままファイル名も確認します。

キャラクター画像のファイル名

1.アップした画像の右側の編集をクリックする。

ファイルアップの続きです。

2.「編集」を押した後、右側に画像情報が表示されるので、ファイル名:XXXXXXXXXXXXXXをメモする。ここでは「YgnH-y2B.jpg」となる。
3.これで画像のファイル名の準備は完了しました。

吹き出しコード

最後に吹き出しコードです。

1.こちらで用意したものをテンプレートとしてお使いください。
[chat face="画像情報" name="キャラクター名" align="配置" border="枠の色" bg="背景色"] 吹き出しの内容 [/chat]

一つ一つ設定していきます。

2.”画像情報”に入れる文言

キャラクター画像のファイル名(「YgnH-y2B.jpg」)を入力します。


3.”キャラクター名”に入れる文言

吹き出し画像の下に出る名前を入力します。


4.”配置”に入れる文言

吹き出しの出る位置を入力します。

みずき
みずき
左から出したい場合は”left”
みやゆき
みやゆき
右から出したい場合は”right”



or

5. “枠の色” “背景色”に入れる文言

none gray blue red yellow green の6種類のどれかを入力します。


みやゆき
みやゆき
枠ありグリーン”green””green”
みやゆき
みやゆき
背景なしグリーンは”green””none”

みやゆき
みやゆき
枠なしグリーンはnone””green”
みやゆき
みやゆき
枠ありイエロー”yellow””yellow”
みやゆき
みやゆき
背景なしイエローは”yellow””none”
みやゆき
みやゆき
枠なしイエローは”none””yellow”
みやゆき
みやゆき
枠ありレッド”red””red”
みやゆき
みやゆき
背景なしレッドは”red””none”
みやゆき
みやゆき
枠なしレッドは”none””red”
みやゆき
みやゆき
枠ありブルー”blue””blue”
みやゆき
みやゆき
背景なしブルーは”blue””none”
みやゆき
みやゆき
枠なしブルーは”none””blue”
みやゆき
みやゆき
枠ありグレー”gray””gray”
みやゆき
みやゆき
背景なしグレーは”gray””none”
みやゆき
みやゆき
枠なしグレーは”none””gray”

 

6.吹き出しコードに関してはこれで完了しました。

オプションで「style=”maru”」というコードを入力すると、丸枠になります。

みぃちゃん
みぃちゃん
こっちが丸じゃない!
みぃちゃん
みぃちゃん
こっちが丸枠!

 

ここまで終わったら 吹き出しの内容」 の部分に表示させたい文言を入れましょう。

これで準備は終了です!

吹き出しショートコードはよく使うものなのでプラグインのAddQuickTagに登録しておきましょう。

AddQuickTagに登録しておくと、すぐにエディタに吹き出しを呼び出せます。同じ手順で作る手間が省けるので、かなり便利です!

 

吹き出しコードの貼り方

コードの貼り方は簡単です!

ビジュアル又はテキストにコードをそのまま張り付けましょう。

みやゆき
みやゆき
こんなかんじ!

吹き出しがうまく表示されない場合の対処法

JINさんのホームページで詳しく解説してくださっています。

をご覧ください。

まとめ

以上で「Word Pressテーマ JINの吹き出しの使い方」の説明は終了です!

いかがだったでしょうか?

一通り細かくまとめて書いてみました。

今後も【隙間⛄TIME】ではみやゆきの疑問に思ったこと、

学んだことも発信していきます。

 

自分の成長と記録をするとともに

参考になる方が居たら嬉しいです!!

 

 

 

ABOUT ME
miyayuki
miyayuki
みやゆきと申します。 都内でサラリーマンをしながらブログを書いております。 できる限り毎日投稿を心がけます。 ■趣味 買い物・Amazon徘徊・猫・スノーボード・ゲーム・家電巡り・生活を充実させるための情報収集・スポーツ全般等 ご質問などあればDMやメールいただければいつでもお応えします!