よつブログスマートフォン用の表示で見るよつブログ。Tumblrどうも、よつぶです。記事も継続的に書けるようになってきたので、そろそろブログのカスタマイズをしようかなと思い、会話形式の吹き出しを導入してみました。短いですが、新しい機能を導入という事でかなりワクワクしました!そして、導入にはこちらのサイトを参考にさせて頂きました。基本的にはこちらで説明しているように、CSSにコード貼り付けて、HTMLの会話部分に違うコード貼り付けて少し編集するだけですぐ導入できます。georges.hatenablog.jpこんなに簡単なのになぜか2時間くらいあたわたしてました。HTMLの知識のなさに驚愕しました。いうことで、会話形式の吹き出しを導入する上で、僕が悩んだ部分をいくつか紹介していこうと思います。CSSHTML画像URLスマホのデザインスマホのCSSまとめCSS吹き出しをブログの記事に追加するには「CSSコード」と「HTMLコード」の二つを貼り付ける必要があります。そもそもCSSは僕もまだ理解できてないんですが、なんとなく「デザインとかのカスタマイズする時にブログの全記事に当てはめる時はCSSコード貼り付けとけば便利だよ」って認識でいます。いう事で、今回は上のリンク先にあるCSSコードを丸々コピーして、ブログのCSSに貼り付ける必要があります。はてなブログの場合は『デザイン』→『カスタマイズ』→『デザインCSS』から貼り付けれます。違いコード入れてる場合はスペース空けて一番下に追加しちゃいます。HTMLCSSはコード丸コピで良かったのに対して、HTMLコードは画像や会話内容などをいじる必要があります。リンク先の2つ目のコードを丸コピして自分の記事上で、吹き出しを使いたい部分に貼り付けます。注意する点は必ずHTML編集の画面で貼り付けをして下さい。コードの中に「画像URL貼ってください」とか「会話内容はここ」とか書いているので、その部分だけ編集すればOKです。はてなブログの場合は「プレビュー」で随時確認してやると分かりやすいです。画像URL上のHTML編集の際に「画像URL」を入れる必要があります。画像URLはこの吹き出しの左のアイコンのURLになるよこの画像のURLの入手方法になぜか結構手こずりました。入手できないそうです。一度吹き出しのアイコンにしたい画像をブログ上にアップします。その後に写真を右クリックして「画像URLをコピー」をクリックすれば画像URLをゲットできます。はてなの場合は一度プレビューにしてからやるとできます。スマホのデザイン「え?スマホって別々に設定するの?レスポンシブなら必要ないんじゃ?」ってなぜかここで悩んで、1時間くらいGoogle先生と格闘してたんですが、結論レスポンシブデザインなら特に何もしなくて大丈夫だそうです。別々にデザインしている人は設定する必要がありますのでご注意を。スマホで別々にしていると吹き出しのサイズが合わなかったりするので、CSSとHTMLをスマホにも別途設定する必要があります。スマホのCSS結局僕はレスポンシブだったので必要なかったのですが、無駄に勉強してしまったので、スマホのCSSの設定をする必要がある人用に紹介しておきます。はてなブログの場合、スマホのCSSは以下の手順で設定できます。『デザイン』→『スマートフォン』→『ヘッダ』→『タイトル下』→『スマートフォン用にHTMLを設定する』にチェック→CSSを貼り付けやっぱりHTMLって難しいですね。僕はしばらくレスポンシブデザインから抜け出せられなそうです。まとめという事で、会話形式の吹き出しをブログで表現できるようになったので今後はじゃんじゃん使って行こうと思います。内容によっては吹き出しの方が断然読みやすく人気も出るそうなので。確かに長文読むよりは会話系式の方が抵抗少ないし、わかりやすいですよね。次はLINE版なんかも挑戦してみようかな。Tumblr関連記事2017-09-20留学は危ない?!僕がカナダ留学時代に経験した3つの怖い体験談どうも、カナダに4年間留学していたよつぶです。留学は英語も...2017-05-04日本人は批判することが大好きな人種である。昨日久しぶりに記事を更新したらなんと結...2017-03-04レッテル貼りに気をつけろ!人格を社会(周りの環境)に作られると説明するラベリング理論についてどうも、心理学が大好きなよつぶです。今日は自分達の人格(ア...2017-01-31【ブログ初心者向け】簡単にグーグルアドセンスの収益を上げる方法どうも、よつぶです。今日は多くのブロガーが使っているグーグ...2016-10-13ついに日本でもタバコの屋内完全禁煙開始か?!東京オリンピックに向けた受動喫煙対策強化についておはようございます、よつぶです。»About高校からニュージーランド・カナダと大学卒業までずっと海外にいました。新卒で日本の大手企業に入社しましたが、約2年で退社し、起業。現在は北海道の田舎町にて地方創生事業に従事しています。日本もガムを容認するべき!ガムが脳に与える良い効果3選!人間の集中力は15分しか持たない!?自分の集中できる時間を知って効率的に動こう!友達と同居したら仲が悪くなった。▲スターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。