今回のブログは、はてなブログのカスタマイズです♪♪
このブログを始めるまで、パソコン初心者だった私でも簡単に、ブログをオシャレにカスタマイズできた神リンク集を紹介させてください✧
現在、私がはてなブログで使用させてもらっているテーマは、元CAバンビさんの「Palette（パレット）」です✧⁎⁺
- カスタマイズその①グローバルナビゲーションメニューを設置
- カスタマイズその②スマホ用に固定ボトムナビゲーションを設置
- カスタマイズその③カテゴリーをパンくずリストからのスッキリ階層化
- カスタマイズその④カテゴリーの見出しを編集
- カスタマイズその⑤カテゴリーのページにメニューバーを設置
- カスタマイズその⑥吹き出しで会話♪♪
- 番外編＊表を入れる
- 番外編＊ボタンを可愛く♡
- 終わりに＊パソコン初心者でもはてなブログをオシャレに読みやすく♪♪カスタマイズリンク集✧⁎⁺✧
カスタマイズその①グローバルナビゲーションメニューを設置
☝︎こちらは、私のブログをパソコンで表示した際、画面のトップに固定されて表示されています♪♪
使用させてもらっている、はてなブログテーマ「Palette（パレット）」のカスタマイズで紹介されていました。
- 1階層〜2階層のメニューが表示することが可能
- アイコン表示方法
- スマホ時はグローバルナビゲーションを表示させない方法
などが、コピペや、URLを書き加えたりするだけで簡単にグローバルナビゲーションメニューを設置することができました♡
カスタマイズその②スマホ用に固定ボトムナビゲーションを設置
☝︎こちらは、私のブログをスマホで表示した際、画面の下に固定表示されているボトムナビゲーションメニューです✧
グローバルナビゲーション同様、私が使用させてもらっている、はてなブログテーマ「Palette（パレット）」のカスタマイズで紹介されていました♪♪
グローバルナビゲーション同様、URLを書き加えたりするだけで簡単に、ボトムナビゲーションを設置することができました♡
☟このようにメニューを展開することができますよ✧
カスタマイズその③カテゴリーをパンくずリストからのスッキリ階層化
パンくずリストは以前から設定していたのですが、カテゴリーがまとまり悪い感じだったのですが‥💦
☟こちらの記事を紹介してくださっているWorldWorldWorldさんのお陰で階層化ができて、カテゴリー欄がスッキリしました✧⁎⁺✧
カテゴリー欄の【▶︎】を押すと、子カテゴリーが展開されるようになりました！
また、公式パンくずリストが階層表示されるようになりました(^o^)
カスタマイズその④カテゴリーの見出しを編集
カテゴリーの見出しは、カテゴリーのトップページを開いたときに表示される見出しのことです♪
例えばこんな☟感じです！
変更方法はとっても簡単です(^o^)
- ①カテゴリーを選択します。
- ②見出しを変えたいカテゴリーの編集をクリックします。
- ③見出しを記入して変更ボタンをクリックします。
以上です(^o^)
カスタマイズその⑤カテゴリーのページにメニューバーを設置
グローバルナビゲーション＆ボトムナビゲーションを設置して、カテゴリーは階層化していますが、子カテゴリーを表示して見ていない人には、どんな記事があるのか、分からないんじゃないかと思ったんです。
せっかく、カテゴリーを選択して見てもらっても、新しい記事は見てもらえるかもしれませんが、スクロールして見ていかないと、古い記事はなかなか見てもらえないんじゃないかと…
それならば！カテゴリーのトップページに子カテゴリーが分かるような、メニューバーを表示すればいいんだ！と、思ったんです(*'▽'*)
☟こちらのサイトを参考にさせて頂きました！
☝︎アメブロのサイトなのですが、コピペできるHTMLが紹介されていて、リンク先を書き加えるだけで、設置することができました♪
それぞれのカテゴリーのページに設置する方法は、
- ①カテゴリーを選択します。
- ②メニューバーを設置したいカテゴリーの編集をクリックします。
- ③説明文内に、上記サイトで紹介されたHTMLに、表示したいサイトを書き加えたものを記入して変更ボタンをクリックします。
以上です(^o^)
カスタマイズその⑥吹き出しで会話♪♪
こんな感じに、吹き出しで会話しているみたいにできちゃいます♪♪
☟こちらのサイトを参考にさせて頂きました✧
上記サイトでは、吹き出しの会話に使う画像下に、名前が入れられます♪♪
また、HTMLで名前と、画像の変更をすることができるので‥
わぁあああああ
えーーー
えぇえええん
てへ
みたいな感じにできるんです😂😂
因みに、画像はココナラ 
で依頼しています✦
番外編＊表を入れる
☟こちらのサイトのExcelから貼り付ける方法を参考にさせて頂きました！
ExcelをコピーしてエクセルシートをHTMLテーブルに変換しちゃう君 (ββ)で、コピーしたらブログ内に表を表示することができました♪♪
番外編＊ボタンを可愛く♡
☟こんな感じのリンクボタンです！
カーソルを合わせると色が変化するボタンができました♪♪
終わりに＊パソコン初心者でもはてなブログをオシャレに読みやすく♪♪カスタマイズリンク集✧⁎⁺✧
今回紹介したカスタマイズをおこなってから、直帰率が減少しました！＝PV数が増加したのかもしれません(^^)まだまだですが‥
カスタマイズを紹介してくださっているブロガーの皆様！どうもありがとうございました♪♪
以上！
パソコン初心者でもはてなブログをオシャレに読みやすく♪♪カスタマイズリンク集✧⁎⁺✧でした♪
最後までご覧いただきありがとうございました！