2017 - 03 - 09 【ブログ】初心者向けはてなブログのカスタマイズを紹介します ブログ ブログ-カスタマイズ こんばんは、きりはです(*‘∀‘) みなさん、カスタマイズの前に、バックアップってとってますか？ してない人、絶対した方がいいです 初心者がいじる場合、表示が変になったり失敗することが多いので、 特に大事 私は、 evernote をメモ帳代わりにして、 バックアップを取るようにしてます 初心者がブログカスタマイズしてみた ブロガーにありがちな悲劇の経験者が語ります 先日の夜中、ちょっとカスタマイズしようって、 初心者が CSS をいじりはじめたら、 収拾がつかなくなり、表示が変になって、悲劇的な状態に(´;ω;｀) で、しょうがないと腹をくくり、 「テーマ変えて、全面的に変える」という思い切った決断をしました テーマを変えました Written - テーマ ストア シン

10/7追記１：「はてブ順」を含めた、５つボタンバージョンを追加しました。 11/16追記２：カテゴリの部分を二列にするやり方を追加しました。 最近、はてなブログは人気記事モジュールのみならば、記事上でもどこでも差し込めることを知りました。 こっ、これは！と思い、以前作ったトグルメニューと組み合わせると、スマホの回遊率が高められる(かもしれない)メニューバーというものを作ることができたので、紹介したいと思います。(レスポンシブ設定の方は、できません) 実装図 実際のカスタマイズ ４つのボタンの場合 １　HOMEボタンにURLを入れる ２　カテゴリにURLと言葉を入れる ５つのボタンの場合 １　HOMEボタンにURLを入れる ２　カテゴリにURLと言葉を入れる その他のカスタマイズ 色を変えたい 人気記事の表示する個数を変えたい はてブ数を表示したい・したくない カテゴリの部分を二列にしたい

注：コピペコードを写す前に、元々のhtmlやcssをメモ張にコピペするなど、必ずバックアップを取っておいてください！！ はてなブログで最近テーマストアを覗いたりしていると、本当に面白くオシャレなテーマが増えてきましたよね。 また多くのテーマがレスポンシブ対応をしてますが、現実にレスポンシブにしている方はあまり多くないと思います。 せっかく優秀なレスポンシブテーマがあるのに採用しない理由として、グローバルナビを後付けで行っているため、それがレスポンシブになっていないというのがあるかなあと。 もちろん、はてなデフォルトのスマホ表示が十分オシャレというのもありますが。 そこで今回は、よくあるWordPressのブログのように、グローバルナビをレスポンシブ対応させ、ブラウザ幅が縮んだらトグルメニューになるようなカスタマイズを紹介します。 ちょっと難易度が高いかもしれません。また、注意点として若干遅