賞金も出るゲーム制作初心者のための「新人フリーゲームコンテスト」はこちら

↓ゲームが完成したらコンテスト!↓

テーマ「ストーク」で「会話風吹き出し」を設定する方法【ワードプレス】

高橋リョウタ
どうも、高橋リョウタ(@takaryo_sutekoiです!
今回の記事では「ストークでの会話風吹き出しの設定方法」について紹介します!
チエルク
最近のこのブログ「タカリョウの軌跡」の記事では、
私とノチェチの会話形式が多くなってきたね!
ノチェチ
会話風吹き出しを入れることで記事が読みやすくなればと思って設定してみたんだ。
俺たちが出ることによって、このブログのオリジナリティもアップするというわけだ。
今回は、この「会話風吹き出しの設定方法」をみていこうと思う。
今回の記事は、WordPressのテーマ「ストーク」における会話風吹き出しの設定方法です。
「ストーク」をご利用でない方はうまくいかない場合がありますのでご注意ください。

ストークの紹介記事はこちらから
WordPressテーマ「ストーク」の購入はこちらから

会話風吹き出しの設定方法

吹き出しを表示するには、下記のようなショートコードを記事に直接記載する必要があります。
まずは、下記のショートコードをコピーしてみてください。

[voice icon="画像のURLを張り付けてください" name="キャラクターの名前" type="r"]会話を入力[/voice]

そのうえで、

  1. キャラクターの画像
  2. キャラクターの名前
  3. 会話内容

の3点が、吹き出しを設定する際には必要となります。

キャラクターの画像に関しては、150×150程度の画像を用意しましょう!
(僕は都合上144×144の画像を使っています。)
そして用意できた画像はWordPressのメディアに格納しましょう!

そして画像のURLを確認しましょう!!

これができましたら、先ほどのショートコードを、「テキスト」で書き込んでみてください
画像のURLをコピーして貼り付けをして、キャラクターの名前と会話内容は任意のもの結構です。

[voice icon="画像のURLを張り付けてください" name="キャラクターの名前" type="r"]会話を入力[/voice]

 

チエルク
テストだよ!ちゃんと表示されたかな?
うまく表示されない人は、テキストとして書き込んでるか確認してみて?
コピペする際は、「テキストとしてペースト」をする必要があるよ!!

あとはショートコードによって、吹き出しの表示のされ方が異なってくるので、使い分けていきましょう!!

補足

ただ、これらの作業を毎回毎回手作業で繰り返すのは、非常に時間がかかります
そのため「AddQuicktag」で効率化すると、作業は非常に楽になります!!
ぜひこちらの記事もご覧くださいね!!

記事を取得できませんでした。記事IDをご確認ください。

吹き出しショートコード一覧

ノチェチ
左側の画像のコードだ。
[voice icon="画像のURLを張り付けてください" name="キャラクターの名前" type="l"]画像左[/voice]

 

チエルク
右側の画像コードだよ。
[voice icon="画像のURLを張り付けてください" name="キャラクターの名前" type="r"]画像右[/voice]

 

ノチェチ
左側で大きな画像のコードだ。
[voice icon="画像のURLを張り付けてください" name="キャラクターの名前" type="l big"]画像大・左[/voice]

 

チエルク
右側で大きな画像コードだよ。
[voice icon="画像のURLを張り付けてください" name="キャラクターの名前" type="r big"]画像大・右[/voice]
補足
「 type=” “」の「” “」の中身を、「l」にすれば左配置になり、「r」にすれば右配置になります。
また、「big」を入れると大きな画像になります。
ノチェチ
LINE風だ。
[voice icon="画像のURLを張り付けてください" name="キャラクターの名前" type="l big line"]画像大・左・LINE風[/voice]

 

チエルク
フェイスブック風だよ。
[voice icon="画像のURLを張り付けてください" name="キャラクターの名前" type="r big fb"]画像大・右・フェイスブック風[/voice]

 

ノチェチ
黄色枠だ。
ちなみに、コードを赤枠なら「red」、青枠なら「blue」、黒枠なら「black」に変えると、色は変更できるぞ
[voice icon="画像のURLを張り付けてください" name="キャラクターの名前" type="l big icon_yellow"]画像大・左[/voice]

 

まとめ:「吹き出しを入れると記事が盛り上がる」

チエルク
なるほど!こうやって記事に吹き出しを入れていくんだね!
少し大変だけど、これでオリジナリティが大きくアップしそうだね!
ノチェチ
ああ、その通りだ。
こうした細かな作業が、最終的なアクセス数にも繋がるのだと思う。
また、記事を書くのも楽しくなるからオススメだ
チエルク
これからも私とノチェチでブログを盛り上げて、
私たちのことをもっと多くの人に知ってもらえると嬉しいな…!
高橋リョウタ
いかがでしたか?
ストークにおける会話風吹き出しの設定を一緒に見てみました!
こうした細かな作業が、他のブログとの差になってくると思います!
また、ストークならこんなに簡単に吹き出しができるのも大きいですね。
ブログ初心者にはストークは絶対オススメですので、まだ使ってない方には強くオススメします!

WordPressテーマ「ストーク」

 

※この記事を書いた人※

高橋リョウタ:

フリーゲーム制作者兼ブロガー。「新人フリーゲームコンテスト」運営チーム代表。
当サイトでは、プログラミングなしでゲームを作る方法を無料で公開。

>>詳細:「プロフィール記事