2018-05-29なんかこれいやだなぁ。した吹き出しで話したいよ。HTMLとかCSSとか変えないといけないんだよねぇ。わたしそのへん苦手だし簡単に吹き出しで話せる方法ないかな~え?え~~~っ!?遊び心というかブログを書いているとマンネリ化してモチベーションが↓↓ってことありますよね。(まだ2記事目でそれをいうか(笑))やっぱり、楽しく読んでもらうには楽しく書かなきゃって思うんです。それで導入したいと思ったのが吹き出し。Bubble」を導入しました。いうことで導入記録を残したいと思います。Bubbleでの吹き出しはすべて画像に差し替えてあります。無料ブログでも吹き出しトークなんて怖くない!以前WordPressで吹き出し可能なプラグインを紹介しましたが、無料ブログでも「吹き出し」やりたいですよね。見てたら楽しそうですもんね。CSSとかHTMLとかよくわからない。Bubble」の導入編まずはプラグインの導入です。検索してインストールするだけなので簡単ですよ。Bubble」のインストールそれではまずプラグインをインストールしなくては何も始まりませんのでインストールしちゃいましょう。Bubble」と入力します。すると表示されましたね。Bubble」これです。「有効化」というボタンに変わりました。これをクリックして有効化すると完了です。おどろくほど簡単ですね。Bubble」の使用編インストールが終わったところでさっそく使ってみましょう。Bubble」の使用方法これもまた簡単です。something.[/speech_bubble]このようなタグを投稿ページや固定ページのテキストに打ち込むとだけでこんな感じで表示されます。画像の変更を行うにはまず、使いたい画像のアップロードが必要です。具体的に画像で見てみましょう。いつも使用しているFB-800とかりんの画像をアップロードしました。表示される画像は自動的に60px×60pxにリサイズされるのでアップロードする画像のサイズは少なくとも60px×60px以上の正方形がいいですね。個人的には150px×150pxとか300px×300pxがいいかなと思っています。容量的に許せるなら300px×300pxがおススメです。画像が立ち姿とかの場合は。)画像のアップロードがすんだらiconの部分を表示したい画像の名称にします。このとき、拡張子(ここでは.jpg)も正確に入れてください。]iconがFB-800-R.jpgだとワタシFB-800になります。]わたしはKarin-L.jpgだよ。alt="iconがFB-800-R.jpgだとワタシFB-800になります。わたしはKarin-L.jpgだよ。]iconがFB-800-R.jpgだとワタシFB-800になります。]わたしはKarin-L.jpgだよ。alt="iconがFB-800-R.jpgだとワタシFB-800になります。わたしはKarin-L.jpgだよ。]iconがFB-800-R.jpgだとワタシFB-800になります。]わたしはKarin-L.jpgだよ。]iconがFB-800-R.jpgだとワタシFB-800になります。]わたしはKarin-L.jpgだよ。Bubble」吹き出しタイプの変更typeとsubtypeを変更すると色々な吹き出しで楽しめます。それでは一つずつみてみましょう。]type="std"でsubtype="L1"デス。]type="std"でsubtype="R1"だよ。]type="std"でsubtype="L1"デス。]type="std"でsubtype="R1"だよ。]type="std"でsubtype="L2"デス。]type="std"でsubtype="R2"だよ。]type="std"でsubtype="L2"デス。]type="std"でsubtype="R2"だよ。]type="fb"でsubtype="L1"デス。]type="fb"でsubtype="R1"だよ。]type="fb"でsubtype="L1"デス。]type="fb"でsubtype="R1"だよ。]type="fb"でsubtype="L2"デス。]type="fb"でsubtype="R2"だよ。]type="fb"でsubtype="L2"デス。]type="fb"でsubtype="R2"だよ。]type="fb"でsubtype="L1"デス。]type="fb"でsubtype="R1"だよ。]type="fb"でsubtype="L1"デス。]type="fb"でsubtype="R1"だよ。]type="fb-flat"でsubtype="L2"デス。]type="fb-flat"でsubtype="R2"だよ。]type="fb-flat"でsubtype="L2"デス。]type="fb-flat"でsubtype="R2"だよ。]type="ln"でsubtype="L1"デス。]type="ln"でsubtype="R1"だよ。]type="ln"でsubtype="L1"デス。]type="ln"でsubtype="R1"だよ。]type="ln"でsubtype="L2"デス。]type="ln"でsubtype="R2"だよ。]type="ln"でsubtype="L2"デス。]type="ln"でsubtype="R2"だよ。]type="ln-flat"でsubtype="L1"デス。]type="ln-flat"でsubtype="R1"だよ。]type="ln-flat"でsubtype="L1"デス。]type="ln-flat"でsubtype="R1"だよ。]type="ln-flat"でsubtype="L2"デス。]type="ln-flat"でsubtype="R2"だよ。]type="ln-flat"でsubtype="L2"デス。]type="ln-flat"でsubtype="R2"だよ。]type="pink"でsubtype="L1"デス。]type="pink"でsubtype="R1"だよ。]type="pink"でsubtype="L1"デス。]type="pink"でsubtype="R1"だよ。]type="pink"でsubtype="L2"デス。]type="pink"でsubtype="R2"だよ。]type="pink"でsubtype="L2"デス。]type="pink"でsubtype="R2"だよ。]type="rtail"でsubtype="L1"デス。]type="rtail"でsubtype="R1"だよ。]type="rtail"でsubtype="L1"デス。]type="rtail"でsubtype="R1"だよ。]type="rtail"でsubtype="L2"デス。]type="rtail"でsubtype="R2"だよ。]type="rtail"でsubtype="L2"デス。]type="rtail"でsubtype="R2"だよ。]type="drop"でsubtype="L1"デス。]type="drop"でsubtype="R1"だよ。]type="drop"でsubtype="L1"デス。]type="drop"でsubtype="R1"だよ。]type="drop"でsubtype="L2"デス。]type="drop"でsubtype="R2"だよ。]type="drop"でsubtype="L2"デス。]type="drop"でsubtype="R2"だよ。]type="think"でsubtype="L1"デス。]type="think"でsubtype="R1"だよ。]type="think"でsubtype="L1"デス。]type="think"でsubtype="R1"だよ。]type="think"でsubtype="L2"デス。]type="think"でsubtype="R2"だよ。]type="think"でsubtype="L2"デス。]type="think"でsubtype="R2"だよ。Bubble」のカスタマイズ編ここではCSSを変更しますので、必ずプラグインを停止およびバックアップをとり自己責任でおねがいします。Bubble」画像サイズを変えたい次の吹き出しの色変更と一緒にみてください。Bubbleをつかうと会話形式で楽しくブログが書けますね。吹き出しのパターンもたくさんあるので好みのパターンで会話をすれば楽しさ倍増。書き方にもよりますが読み手側も楽しく読めるのではないでしょうか。しても吹き出しや画像をカスタマイズしたいという場合は少し大変かもしれませんが、勉強がてらにすこしコードをさわってみるのもいいかもしれませんね。TwitterSharePocketHatenaLINEコピーする-ブログ運営authorPREV意外な悩みの種。ハンドルネームはなににする?NEXT記事作成のときのタグ打ちに時間がかかるときには「AddQuicktag」で大幅時間短縮!関連記事はこちら2017/5/30【エックスサーバー】サブドメインでブログをはじめよう。独自ドメインひとつでも複数のサイトをつくることは可能です。同一のドメインで複数のサイトを運営する場合、サブドメイン型とサブディレクトリ型があるのですが、今回はサブドメインの作り方について説明していきますネ。...2017/5/23意外な悩みの種。ハンドルネームはなににする?はじめまして、決めたばかりの真新しいハンドルネームで自己紹介「ロフ」です。当サイトの管理人です。ブログやサイトを運営する場合に決めなくてはいけないものひとつに「ハンドルネーム」がありますよね。いわゆるネット上での「ニックネーム」みたいなものですが、これが意外と悩んじゃうんですよね。できれば、「覚えやすくて」、「愛着も沸いて」、「被らなくて」、「おかしくない(名前として成立しそうなもの)」がいいですよね。先日、アフィリエイト関係の記事で「賢威7」を紹介したんですが、たくさん購入してもらえたらなぁと思い、購入特典を考えていました。それで、購入特典としてカスタマイズ用のコードをお披露目しようと思ってたんですが、購入特典用のページ作ってロックかけたりとか、特典用のバナーに貼りなおしたりとか、なんかもうめんどくさいわぁ。ことで、普通に公開することにしました。本人がいいと言ってるのでいいのでは?非効率的というかなんというか、もったいないのは間違いないですが。...2017/7/19ブログの表示改善に行った2つのことある日の午後の出来事。Poorって...今の仕事を始めたばかりの頃に、考え方がPoorだとか設計がPoorだとか言われたのを思い出しました。...2017/6/14無料ブログでも吹き出しトークなんて怖くない!以前WordPressで吹き出し可能なプラグインを紹介しましたが、無料ブログでも「吹き出し」やりたいですよね。見てたら楽しそうですもんね。CSSとかHTMLとかよくわからない。ネット上で探してきたCSSを貼ってみたものの、吹き出しの色とか画像のサイズとか変えたくてもどこをどう変えればいいのかわからないということが多いかと思います。できるだけ簡単に変更できちゃうようにしてみようということでFC2ブログをベースに考えてみました。テンプレートを賢威7からAFFINGER4へ変更することにしました。なんでかっていうと、ただ単に見た目です。トップページの記事一覧でもカテゴリー別の記事一覧でもざっと流し見しながら「おっこれ気になるな」って個別記事にはいると思うんですよね。FC2ブログを例に登録方法を説明していきますね。方ははすこし手間どるかもしれませんが、順番通りにゆっくり進めていきましょう。こちらからFC2の登録画面に入ります。するとFC2ブログの初期ページが開きます。画面左上に「ブログをはじめる」とありますので、こちらをクリックします。...2017/8/2サイトやブログの見た目をカスタマイズする意義サイトやブログを公開しているということは、多くの人に見てもらいたい。