Bubble」の設定とコードの使い方を解説していきます。Press画面左にあるメニューの一覧から「プラグイン」を選び、その中の「新規追加」を選択してください。Bubble」と入力しましょう。Bubble」が表示されますので、インストールボタン(画面では「有効」ボタンですがここにインストールボタンが出ます)を押します。インストールが完了するとインストールボタンが「有効にする」ボタンに変わりますので、有効化してください。Bubble」のインストールはこれで完了です。Bubble」のインストール後に行う項目設定などの詳細設定は特にありませんので、実際のコンテンツ(記事)作成での設定方法とコードの使い方を解説していきます。基本コードを挿入しようまずは以下の基本コードをビジュアルモード/テキストモードのどちらでも構いませんのでコピペしてみましょう。Pressの環境によってはビジュアルモードの場合はコードがそのまま表示されるケースを確認していますので、反映されない場合は「テキストモード」にコピペしてみてください。さん”]こんばんは♪[/speech_bubble]コピペすると、このように吹き出しが表示されます。Bubble」の設定をしていきます。吹き出しキャラクターの名前を変更してみよう吹き出しキャラクターの名前を変更するには基本コードの以下の「●●●●」の部分に任意の名前を入力することで変更できます。name=“●●●●”]こんばんは♪[/speech_bubble]左側のキャラクターを「スピーチくん」、右側のキャラクターを「バブルちゃん」に変更してみます。セリフを変更してみようセリフを変更するには基本コードの以下の「●●●●」の部分に任意のセリフを入力すればOKです。さん”]●●●●[/speech_bubble]このセリフの部分は「テキスト扱い」なので、SEOを考慮したセリフにしましょう。Bubbleでは9種類の吹き出しフレームが用意されています。9think吹き出しフレームを変更するには基本コードの以下の「●●●●」の部分に9種類のいずれかのコードを入力することで変更できます。さん”]こんばんは♪[/speech_bubble]吹き出しフレームの種類によってイメージが変わるため、自分に合った吹き出しフレームを選んでみてください。dropスピーチくん1のdropはこんな感じ。stdスピーチくん2のstdはこんな感じ。fbスピーチくん3のfbはこんな感じ。fb-flatスピーチくん4のfb-flatはこんな感じ。Inスピーチくん5のlnはこんな感じ。In-flatスピーチくん6のln-flatはこんな感じ。pinkスピーチくん7のpinkはこんな感じ。rtailスピーチくん8のrtailはこんな感じ。thinkスピーチくん9のthinkはこんな感じ。吹き出しフレームの位置と表現方法を変更してみよう吹き出しフレームの色を変更するには基本コードの以下の「●」の部分に「L」か「R」を指定することで変更できます。「L=左側」、「R=右側」の位置になります。さん”]こんばんは♪[/speech_bubble]また、以下の「●」の部分に「1」か「2」を入れることで表現方法を変更することができます。「1=会話風」、「2=考える風」の表現方法になります。例2)右側に寄せて考える風スピーチくん近いと少し緊張するなぁ。バブルちゃんスピーチくん、無言になっちゃった、、、。吹き出しフレームの「think」を使用している場合、吹き出しフレームの位置は変更できますが、表現方法は変更できないようです。Bubble」フォルダ内の「img」フォルダ内にアップロードする必要があります。Bubble」フォルダは「wp-content」フォルダ内の「plugins」フォルダ内にありますが、FTPの操作方法は契約しているサーバー会社により異なりますので、確認してみてください。You-Channelからの補足ロリポップサーバーを契約している場合には、管理画面にログインし、左側メニューより「FTPサーバー」から変更可能です。アップロードが完了したら、基本コードの以下の「●」の部分に指定のファイル名を入力することで変更が可能になります。さん”]こんばんは♪[/speech_bubble]吹き出しキャラクターはオリジナル性やブログイメージを創出してくれるため、任意のキャラクターに変更することをおすすめします。スピーチくんうぉっ!!バブルちゃん可愛い、、、。バブルちゃんスピーチくん、思ったより爽やかな感じ♪キャラクターイラストをご自身で用意することが難しい場合、無料の素材を提供している「AC」というサイトが写真からイラストまで数多くの無料素材を扱っていますので、ぜひ活用してみてください。以下にリンクを貼っておきます。写真素材ダウンロードサイト【写真AC】You-Channelで使用しているこのイラストもACさん(作者:南見まめこさん)にお世話になっています。Bubbleの設定とコードの使い方を解説してきましたが、いかがでしたでしょうか。スピーチくん思ったよりも簡単に設定できたかな。Bubbleを使う上で気をつけなければいけないことが1つあるみたいだよ。何か問題でもあるの?スピーチくんうん。プラグインのバージョンをアップすると環境によっては任意で設定した吹き出しキャラクターが表示されない場合があるらしい。バブルちゃんそうなんだぁ、、、。Bubbleをインストールした後に使用していて問題がなければバージョンアップはしない方が良いかもしれないね。バブルちゃんうん、わかった!そうしてみるね。Bubbleをバージョンアップすると「img」フォルダ内のデータが初期化されてしまう場合があるため、問題なく使用できていればバージョンアップは控えておきましょう。スピーチくんもしこの記事を気入ってくれたなら、”いいね”してくれよな!バブルちゃんツイッターフォローもよろしくお願いします。この情報が少しでもお役に立てたなら嬉しい限りです。for:SearchYou-Channelの人気記事おすすめの仮想通貨取引所リスクをできる限り軽減するため、いくつかの仮想通貨取引所に登録を行い「分散投資」されることをおすすめします。国内の仮想通貨取引所の比較については「初心者でもわかる仮想通貨|国内取引所10社+αの特徴と選び方2017年最新版まとめ」でまとめておりますので、参考にしていただければと思います。You-Channel管理人の(T_T)です。You-Channelは仮想通貨・ビジネス・ブログ運営のことを中心に、役に立つ情報をブログで発信しています。You-Channelページ」でご覧ください。管理人(T_T)が実際に読んだ本の中から「買ってよかった」と思えたおすすめ本をご紹介します。【沈黙のWEBライティング】2016年11月初版。コンテンツ(記事)のクオリティを高めるため買ってみたのですが、見た目とは裏腹に本格的に学べる本でした。読みやすさも含め、おすすめです。【ブロックチェーン・レボリューション】2016年12月初版。技術や仕組みのことだけではなく、ブロックチェーンが未来に及ぼすイノベーションについての広く深い考察が非常に刺激的です。【FXチャートリーディング】2010年9月初版。初版は古いものの、FXについての普遍的な基本が理論的にわかりやすく書かれており、基本を学びたい方にはかなりおすすめです。著作についてAmazonアソシエイト広告についてGoogleアドセンス広告についてアクセス解析についてGoogleポリシーと規約を記載しております。詳しくは「プライバシーポリシーページ」よりご確認ください。You-Channel。