FORM2019-08-15初心者がブログをカスタマイズした10の項目Bookmark!FacebookTwitterPocketこんばんは、葵です。ブログのデザインが崩れているのが気になっていた、今日この頃。お盆休みをつかって、整えられました。以前、ブログカスタマイズの記事を書いたのですが、その後もゆるゆるとマイナーチェンジさせて、とりあえず今の形に落ち着きました。CSSもいまいちよくわかっていないわたしが、コピペのみでカスタマイズしてみました。初心者がブログをカスタマイズしてみたテーマを変えるはてなproにしたということもあり、proでないと使えないデザインに変えました。「UnderShirt」のシンプルだけど見やすいデザインは、お気に入りです。レスポンシブ設定にして、スマホでも同じデザインを使えるようにしてあります。.categories{display:none;}トップページにカテゴリーが表示されてごちゃつくのが嫌だったので、CSSに上を貼り付けて表示しないようにしました!スマホで2列表示にするパソコンでは記事が2列で表示されるのですが、レスポンシブでは画面いっぱいに記事が表示され、どうやら1列表示になってしまうみたい。2列のほうが見やすいかなと思うので、2列表示に変えました。トップ画を変更するヘッダーにブログのロゴを設定しています。画像を設定するだけなのに、一気にブログの個性が強くなるので手軽です。わたしはロゴメーカーで作ったものを愛用しています。マイナーチェンジで、文字を手書き風に変えました。200pxスマホでも「PC版の設定と同じ画像を表示する」にしています。ここはプロの方にお願いして作ってもらってもいいかも、と考え中。/*角の丸み*/}記事のサムネイル画像が真四角で可愛くなかったので、角丸に変えました。小さな変化ですが、柔らかい印象になったと思います。CSSにぺたっとはりつけるだけ。グローバルナビの設定をするスマホでもパソコンでも、トップ画像の下に表示されているメニューこれがあると、なんか気の利いたブログっぽい気がして設置しています。シェアボタンにするシェアボタンも可愛くしたいということで、カスタマイズ!これは、記事の上と下用。こちらはサイドバー用に使いました。Google+がサービス終了したので、Google+のボタンは削除しました。LINEマーカー風太文字を設定するただの太文字が可愛くないので、ラインマーカー風に。色は自分の好きな色に変えられるので、サイトのカラーに合わせて変更するとよさそうです。見出しを可愛く、見やすく変更しました。「h1」と書かれたところを、大見出しはh3、中見出しはh4、小見出しはh5に変更してCSSに貼りつけるだけ!簡単なのに印象がかわる、カスタマイズ!前のページに戻るボタンの表示はてなブログって次のページボタンがあるのに前のページに戻るボタンがなくて。ブラウザの戻るボタンで前に戻るから不要かと思うのですが、自分自身をついていたらいいなと思ったので追加しました。:引用元の記事が消えていたりしたので、久しぶりにカスタマイズについて記事を書くことにしました。私が参考にさせていただいたブログを貼っておくので、ぜひ参考にしてみてください。ブログのデザインが自分仕様になると、なんだか愛着が湧いてくる...!まだまだ知識がなく、コピペするので精一杯ですが、自分らしいデザインを追求してみたいと思います。プロにお願いしたほうがいいのかなと思いつつ、お金がないため断念。勉強して、知識を増やしていきたいと思います。関連記事2019-07-20均衡が崩れる、夜にお久しぶりです、葵です。ここ最近、全然ブログを書いていませ...2019-06-18憧れの村上萌さんにブログを読んでいただいた話こんばんは、葵です。最近あった、嬉しいことを忘れないように...2018-10-06卉奏のオーダーカメラストラップが完成したこんばんは、葵です。以前、カメラストラップをオーダーした記...2018-05-083年記念にシンプルな腕時計をプレゼントしてもらったこんばんは、葵です。カフェタイムを楽しんできた光のモビール「ヒンメリ」をつくってみたコーピングリストを作ってみたSEARCHPOPULARはてなブログをはじめよう!a418さんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。