WordPress(ワードプレス)

賢威6でも吹き出し機能が使いたい!そんなあなたへのプラグインSpeech Bubbleの導入方法と設定について

目安時間 15分
ワードプレス関連

賢威6でも吹き出し機能が使いたい!
そんなあなたへのオススメプラグインは

Speech Bubble様!!

このプラグインがあると賢威7のように元々吹き出し機能が
搭載されていないテーマでも会話形式が使えます!



[char no="20" char="沙月姐さん"]( ゚皿゚)キーッ!![/char]
[char no="31" char="椎名さん"]うわっ!なんだよ、いきなり。
病院行くか?[/char]
[char no="20" char="沙月姐さん"]あんためっちゃ失礼ね!!
別に病院なんて必要ないわ!

ぶっ飛ばすぞーっ!![/char]
[char no="29" char="椎名さん"]凶暴化してんだろうがっ!!
迷惑だから沈静化されてこい![/char]
[char no="1" char="咲月ミオ"]( ▽|||)\( ̄ ̄*)まあまあ~♪
姐さんが暴走してんのはいつもの事じゃん。

で?いきなりどしたの?[/char]
[char no="25" char="沙月姐さん"](ん?今何か・・・言われたような)

それがね、ワードプレスブログでね
吹き出し形式の会話が使えるじゃない?[/char]
[char no="1" char="咲月ミオ"]あー、今まさに使ってる奴?
楽しいよね・・・ノリ突っ込みとかしたくなる。

記事書いてんだか遊んでるんだか
たまに暴走すると境界線なくなるわー[/char]
[char no="30" char="椎名さん"]・・・・・たまに?[/char]
[char no="1" char="咲月ミオ"](今何か引っかかりを感じたような・・・?)

このブログで使っている「賢威7」というテーマは
元々この吹き出し機能がセットしてあるから

わざわざ設定しなくても使えるから楽よね。[/char]
[char no="25" char="沙月姐さん"]そうなのよね!!そうなの!
でもね・・・吹き出し使いたいブログ・・・

賢威7じゃないんだよね・・・
変更しても・・・いいけど、でも・・・[/char]
[char no="1" char="咲月ミオ"]あー、そうね。
何でもかんでも賢威7にするのもねぇ・・・
テーマの分散も必要だと思うんだよね。

まあ慣れない人はまずはひとつのテーマを
使い倒して理解してから使い分けした方が
いいとは思うけど![/char]
[char no="18" char="沙月姐さん"]瑠璃ちゃんには1つを使えと
オススメしてしておいたわ![/char]
[char no="2" char="咲月ミオ"]ъ(゚Д゚)グッジョブ!![/char]
[char no="30" char="椎名さん"]で、結局理由はなんなんだよ!
(当たり前にそれてるし!)[/char]
[char no="20" char="沙月姐さん"]( ゚д゚)ハッ!そうね、本題に戻りましょ。
あたしは賢威7ももちろん使ってるけど、
元々賢威6を使ってたブログもあるのよね。

賢威7に切り替えもありかもしれないけど、
テーマの仕組みから考えるとSEO的に

賢威6⇒賢威7はよろしくないらしくて。
そのまま使いたいの。

でも吹き出し入れたいの( ゚皿゚)キーッ!![/char]
[char no="31" char="椎名さん"]お前は野獣かっ!m9っ`Д´) ビシッ!!
少し落ち着け!
賢威6のテーマのままで吹き出しの機能を
使いたいけどそれが出来るのか?

って事だな。[/char]
[char no="22" char="沙月姐さん"](゚д゚)(。_。)(゚д゚)(。_。) ウンウン
そうなの。

出来れば変えずにそのまま
賢威6を使いたいんだ~

賢威7も使ってるけど・・・6も好き。[/char]
[char no="1" char="咲月ミオ"]あー、そうね。
可愛らしいものもあるよね~

んじゃ、賢威6のままでも会話形式の
吹き出しが使えるプラグインを
入れてみようか![/char]
[char no="24" char="沙月姐さん"](゚Д゚≡゚Д゚)エッナニナニ?
何、そんなのあるの?マジで!?

Σ(゚∀゚ノ)ノキャー
やった!問題解決!!![/char]
[char no="30" char="椎名さん"]'ィ'ィ ┐(´Д`┌
問題解決はそのプラグインを
無事に入れてからの話な・・・汗[/char]


というわけで。
冷静な椎名さんのツッコミを頂いた所で、
さっそくその件のプラグイン「Speech Bubble」様の
導入方法の手順と設定方法を解説していきますよ~♪


Speech Bubbleの導入手順はこちら♪




はい、まずはブログのテーマをご覧下さい。
ほらね、賢威6なんですよね。

そんな賢威6のテーマブログでも果たして吹き出しは
使えるようになるのか・・・(ΦωΦ)フフフ…

とまあ一人でニヤニヤしている本人はともかく。
さっさと行ってみましょう!




まずはプラグインをインストールするとこから。
いつも通り・・・やり慣れない人も1つずつ解説するので
順番にクリアしていきましょう!

左のメニュー一覧から

「プラグイン」⇒「新規追加」を選びます。
メニューの中にもありますし、右側の上のほうにもあります。

どっちでも同じなのでとりあえずポチッと




するとプラグインの新規追加の画面になります。
右上の欄に入れたいプラグインの名前を打ち込むと・・・

下に該当するプラグインが出ます。
まあ出ないタイプもあるのですが・・・(笑)

ここでは割愛!
っていうか、なんで一番上に表示されてないんだ・・・
( ゚д゚)ポカーン

小さくて見えにくいのではい、拡大!




これで見やすくなった(;゚∀゚)=3
この欄にプラグイン名を入れました。

前はエンターを押してたけど今は入れるだけで出ますね。




ちゃんとプラグインが出てきたのでそのまま
欄の右上にある「今すぐインストール」をポチッと!




そのまま引き続いて「有効化」をポチッと
入れただけでは動かないのがプラグイン様。

まあその一手間を入れる事によって確認の意味も
あるとは思うんですが・・・有効化忘れもあります(笑)




はい!
無事にSpeech Bubble様がインストールされました。
いらっしゃいませ!!

それでは次のSpeech Bubbleの設定に移ってまいります♪
吹き出しの種類とか画像の変更とかいろいろあります。


Speech Bubbleの設定をしていきましょう♪



まず、先に。
このSpeech Bubbleは他の多くのプラグインのように
専用の設定画面がありません・・・(笑)

賢威7の場合はキャラ一覧というメニューがあるんですよ。




ほらね。
で、右側の専用の設定画面はこんな風になってます。




このように、専用の設定画面上でキャラクターを登録したり、
そのキャラクターを記事内に表示する為のタグが
表示されているのでとっても楽チンなんです。


で、Speech Bubble様の場合はそれがない(笑)
んじゃ、どーするのよーっ!!ってなりますが。

元から設定されている画像を使う・・・のなら
そのまんまでいいんですが。


もし自分のオリジナル画像を使いたい場合は
自分で画像をアップロードするよ(笑)という事。

はい、ハードル上がってきたm9っ`Д´) ビシッ!!


いやいや、しかし。
ここでくじけてはいかんのです。

大事なブログで吹き出し会話できゃっきゃうふふ
したいではないですか・・・(それはあんただけやで)


いざ、行かん!
吹き出し会話の素敵ブログへの道をm9っ`Д´) ビシッ!!


Speech Bubbleで自分で用意した画像を使用する為に


せっかくのオリジナル画像があるのならそれを使いたい。
当たり前だのクラッカー←超古い

いや、個性を出すにはオリジナルアバター。
というか私はその方が楽しいだけなんですけどね。

まあまだ色がぬれてませんけどね(笑)
もうこのまんまでもいいような気がしてきた・・・_| ̄|○


そんな話はともかく。


まずは、画像を設定するためにはサーバーにアップロードします。
つまりあなたのブログが設置してある場所に
その画像を入れてやらないと使えないので・・・

今からFTPソフトを使って放り込んでいきますよ!


FTPソフトとはあなたが契約しているサーバーと
パソコンを繋いで、画像やプログラムなどのデータを
サーバーに入れたりパソコンに入れたり出来るソフトです。

まあ専門用語でアップロードとかいいますけどね(笑)
昔はFFFTPが主流でしたが・・・開発が終わってしまったので今は・・・




このソフトがオススメですよ。
インストール方法を詳しく解説されている無料レポートや
動画のご紹介もしていますのでどうぞ。

さて、そんなもの準備済みだぜっm9っ`Д´) ビシッ!!って人は
続きをどうぞ(笑)


アバター画像をサーバーにアップロードしよう


まずはFTPソフトを起動します。




いろいろ伏せていますがこれがソフトの画面です。
形としてはインターネットエクスプローラーの
お気に入りのカテゴリみたいな感じですよね。

ちなみに。
左側の枠がパソコンの中身の表示です。
右側がサーバーの中身になります。


今から左側のパソコン内にあるアバター画像を
右側のサーバー側へ入れちゃうのがお仕事。


私は複数のドメインを持っているのでたんさん
表示されていますが、1つしかない人はもちろん
1つしか表示されないので私のと違ってても当たり前です。


今回Speech Bubbleで使いたいアバター画像をサーバーに
アップロードしていきますので・・・


右側のサーバーの中身を画像を入れるべき場所に
変更する必要があるという事ですね。

まずはこちら




モザイク入れてますが(笑)
赤い四角の部分がドメインが表示されています。

入れたいドメインが表示されていますか?
四角で囲んだ横に「public_html」とありますね。

これが表示されているならその場所がドメイン本体部分です。
その下に表示されているように中にフォルダが一杯あるのがわかります。

下位ディレクトリにフォルダを作っているためです。


そのディレクトリ群のその上。
ドメインの一番上の部分といったら分かりやすいのか・・・

当たり前すぎて説明が難しいってよくありますね(;´Д`)
とりあえずもし意味がわからなくても「public_html」が
表示されている場所をまず表示させます。


ワードプレスのプログラムをどの場所に入れているかで
話は変わってきますが「public_html」に入ってるという仮定で話を進めますよ。

ちなみに。
この辺のところがわかる人は・・・

「public_html」⇒「wp-content」⇒「plugins」⇒「speech-bubble」⇒「img」

という感じで移動してからアップロード(笑)
よくわからないという人は1つずつ階層を降りていくので順番に
やってみてくださいね。


まずは「public_html」の中に表示されているフォルダ。
この中に


「wp-content」


というフォルダがあるのでそれを選びます。




こんな感じのありますか?
カチカチっと連続でクリックします。




するとその中に「plugins」というフォルダさんがありますね。
これもまたカチカチッとダブルクリック!




はい、件のプラグイン様「speech-bubble」がいらっさいます。
これまたカチカチッとお願いします。




開きましたか?
今度はその中の「img」をカチカチッとダブルクリック。




ここが画像を入れる場所です。
すでに1と2という名前の画像が入ってますね。

画像の名前は自分が分かりやすい好きな名前でいいですが、
日本語とかダメですよ(笑)

英数字でお願いします。




ちなみに。
このように左側のパソコンの中身を表示する側で
いちいち画像が入ってる場所を開かなくても

別にフォルダを開いて入れたい画像をマウスの
左側を押したままFTPソフトのサーバー側の上で
マウスを押すのをやめてもアップロード可能です。

私は大体この方法。
いちいち左側を切り替えるより早いし。




試しに入れてみましたよ。
この画像を使って次は表示方法を解説していきますね。

思ったより長々と書きすぎた(;´Д`)

この記事に関連する記事一覧

コメントフォーム

名前  (必須)

メールアドレス (公開されません) (必須)

URL (空白でもOKです)

コメント

ブログと管理人について♪


にほんブログ村 小遣いブログ アフィリエイトへ
にほんブログ村


管理人の咲月ミオです

元同人作家のお絵かきアフィリエイターです

■咲月ミオ作動画■


 ★動画第一弾( *´艸`)
 ★動画第二弾( ゚д゚)

自己紹介がてら作った動画です。
第一弾は一応自己紹介動画という事で作ったもの。
第二弾は会社で実際にあった
同僚との会話です…実話なんですよ?

★★★登場人物紹介★★★



管理人の咲月ミオです!

ここの責任者です。
お絵かきアフィリエイター

ツールをいじったりあれこれ小細工・・
もとい工夫するのが大好きです

沙月さん達とは知り合いで
あれこれ相談したりする仲

アフィリエイターであり
ゲームオタクであり、
お絵かきさんである。

得意技はマシンガントーク。

しゃべるのもチャットなどの
打ち込むのもマシンガントーク。

しゃべりだしたら止まらない系




瑠璃ちゃん。

ほわほわ天然系のご近所に引っ越してきた
初心者のアフィリエイター

まだ何もわからないままに
あれこれやってみるも
大体が泣いている

頑張っているけど空回り系
あれもこれもやってみたい事は
たくさんあるし、非常な頑張り屋さん。

だがそれが結果に伴わなくて
悩んでいることしばし

可愛い属性が沙月と咲月ミオに気に入られもっか 可愛がられ中である




沙月姐さん。

いつでもどこでも突撃★
機械に弱いご近所に住む中堅アフィリエイターさん

機械が苦手でツールなんて
無理言うなってレベル

豪快で大雑把で適当で
あまり細かい事は気にしない
正義感が強くて涙もろい世話好き姐さん

だがままならない部分のほうが多い
特に料理関係は致命的でお茶一つ出しても
救急車呼ぶレベル

関係者の間では彼女に包丁他は持たせるな、である




苦労性の椎名さん

沙月姐さんの幼馴染で
昔からあれこれ苦労している
なんだかんだと世話してしまう苦労人

ツールでも何でも効率的に事を進めるタイプ

沙月に付き合ってアフィリエイトを始めた
というか、沙月の世話係というのが
本当の所(主に暴走ストッパー)

役に立つかは別の話(たぶんムリ)


★★★咲月ミオにメールを送る★★★


質問・ご相談などお気軽に。

画像をポチッとクリックすると
別窓が開きますよ♪
  最近の投稿