ひげしげノート

おすすめレビュー・格安SIM・ブログ関連の雑記ブログです。

【はてなブログをカスタマイズ】初心者がやってきた事をまとめました。

f:id:higeshige:20190125181124j:plain

今回は今までこのはてなブログで紹介して実際にやってきたカスタマイズをまとめておこうと思います。はてなブログのテーマはBrooklyn。他でも使えるかもしれませんが、全て自己責任でお願いします。

 

 

グローバルメニューの設置方法

グローバルメニューはタイトルの下に設置されます。

f:id:higeshige:20181020153519j:plain

 

僕のブログでは「ブログ運営・お役立ち」「電子機器・小物」「健康・食」「車」「日記」 の5つのメニューを設置しています。 

 

このやり方についてのまとめた記事がこちら!

www.hs-note.com

 

トップページ記事一覧をカード風に枠で囲う方法

このように各セクション毎に薄い影をつけてカード風にする方法です。

f:id:higeshige:20181022014531j:plain

 

このやり方についてのまとめた記事がこちら!

www.hs-note.com

 

投稿年月日をシンプルにする方法

記事の左上に書かれる投稿年月日。今回は文字だけにしてすっきりさせました。

f:id:higeshige:20181024005404j:plain

 

このやり方についてのまとめた記事がこちら!

www.hs-note.com

 

記事一覧で一番上に記事を固定する方法

デフォルトでは最新記事が一番上に表示されるようになっていますが、これを自分の好きな記事を一番上に設置することができるんです。

 

このやり方についてのまとめた記事がこちら!

www.hs-note.com

 

記事やモジュールの上下間隔を変更する方法

こんな風に間隔を狭めることに成功しました。

f:id:higeshige:20181027021050j:plain

 

このやり方についてのまとめた記事がこちら!

www.hs-note.com

 

2列表示のカード型にしてTOPの記事を大きく表示する方法

トップページを開いたときに目に飛び込んでくる情報量を増やしたくてカスタマイズしました。1記事分しか増えませんが、気持ちの問題ですね。

 

このようになります。

f:id:higeshige:20181108225230j:plain

 

このやり方についてのまとめた記事がこちら!

www.hs-note.com

 

最後に

今後も変更を加えたら都度アップして、こちらにもまとめていきます!

 

では!