ゆーんの徒然日記スマートフォン用の表示で見るゆーんの徒然日記3歳の甘えん坊主りーくんとの毎日。ブログ-はてな・アドセンスこんにちは、ゆーんです。前回は、グーグルアドセンス関連でやったことをまとめました。www.xoyu-nxo.work今回は、ブログのデザインについて。全部わたしのことですね。見出しのデザインを変更するはてなブログは、大見出しが「h3」タグで中見出しが「h4」タグ小見出しが「h5」タグとなっています。まとめブログのデザインを変更するグーグルアドセンスも合格し、ちょっと落ち着いて、ひと段落ようやっとこさ、ブログデザインの変更に着手しました(遅)。無料版の段階から、基本のブログデザインを変更できるのは知ってました。[ダッシュボード]→[デザイン]で『公式テーマ』だけでも34種類のデザインに着せ替えできますし、『テーマストア』ではもう、山のようにデザインがあります。ありすぎて、どれを選んだら良いのか分からなくなりませんか??ゆーんは小一時間、片っ端からテーマを着せ替えしていました。選んだのは、1番シンプルな「Minimalism」です。テーマストア人気NO1のやつですね。ありすぎて、考えるのが面倒になったのも、あります。←でも「Minimalism」を選んだ後に、色々調べていると、これを選んで正解だったかな~?と思えてきてます。シンプルなので飽きがこないし利用している方が多い為、コピペだけでokなカスタマイズ法が多くアレンジを加えることで、自分だけのオリジナル感を出せる、、、まだ全然、アレンジできてないんですけどね;;これから、やっていきたいんですが、ゆーんは「Minimalism」の基本の変更だけでもいっぱいっぱいでキャパオーバーなので、これまで変更したことをまとめておきたいと思います。基本的に、「Minimalism」を作成した「こどみす」さんの解説をもとに、分からない部分を自分で調べていった感じです。hitsuzi.hatenablog.comナビゲーションメニューの設置ブログタイトル下の、ナビゲーションメニューを設置しました。ナビゲーションメニューの設置方法については「こどみす」さんがコードを載せてくださってるのですが残念ながらゆーんはそれを見ただけじゃどこを変更したら良いのやら、さっぱりでした;;ので、こちらを参考にさせて頂きました。www.inside-shiina.comコードのどの部分を変更すれば良いのかなど、詳しく説明してくださってます。ナビゲーションメニューの背景色を変える設定方法についても載せてくれてます。ゆーんはタイトルの背景は白のままにして、ナビゲーションメニューの背景に色をつけました。アイコンも設定したかったけど、難しそうだったのでとりあえず保留にしました。雑記ブログすぎて、カテゴリ分けが困難なんでもかんでもとりあえず《育児・日常》に放り込んでしまってる感がある。カテゴリ分けしたいな、、、、タイトルのデザイン変更デザイン変更というほどでもないのですが、、^^;文字色を変更タイトルの文字色を、グレーに変更しました。ブログタイトルの背景色ブログタイトルの文字色ブログ説明の文字色をまとめて変更できるコードを「こどみす」さんが制作してくれています。フォントを変更フォントを変更しました。参考にしたのはこちらの記事です。フォントとフォントの間隔が変更できます。コピペで、手順通りにやってみました。PCでは可愛くフォント変更できたのに、スマホに反映されない(;_;)PCだとこんな感じで、まるみのある文字にしたんですがスマホだと、字体はデフォルトのまま文字の間隔だけあいてます。画面いっぱいより少し小さくおさまるように文字の間隔を調整しました;;微調整すぎて伝わらない気がする。どなたか対処法分かる方いらっしゃったら教えてください。見出しのデザインを変更する記事内の見出しのデザインを変更しました。デザインはこちらから選ばせていただきました。saruwakakun.comコピペだけでできるものばかりです。はてなブログは、大見出しが「h3」タグで中見出しが「h4」タグ小見出しが「h5」タグとなっています。それぞれのコードのタグの部分を変更すれば、見出しに反映されます^^カラーコードを変更するだけで、自分のオリジナルっぽくブログを作れてちょっと嬉しいです。ゆーんはここでも問題発生。記事が崩れまくっている、、(ToT)!!!???なんの文字もないところに大見出しの吹き出しがついてたり↑こんな感じで!!分けわからん感じになってました。19:00ブログのデザイン変更でやったこと|はてなProに移行して1ヵ月ぽち(。はてなブログProこんにちは、ゆーんです(^^)b2016年に息子りーくんを出産。暴れん坊主×甘えん坊主なりーくんに振り回されながら、男の子育児に奮闘中です。子育て*おでかけ*お買い物*アトピーのことなどなど、気ままに更新中(=^・^=)♪フォローお待ちしております♪はてなTwitter関連記事2019年11月ブログまとめ|もう年末とか信じたくない【はてなブログ】左アイコンから吹き出しを出すCSSφ(..)家族分つくってみた。月別アーカイブこのブログについてプライバシーポリシーお問い合わせはてなブログをはじめよう!xoyu-nxoさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。