私のブログは、はてなブログを使用しているのですが、色々な方のブログを拝見すると様々なカスタマイズがされており、記事を確認する度、自分のブログにも取り入れたい！と思ってしまいます。
インターネットブラウザのSleipnirを使用し、ブログカスタマイズで参考になる記事がある度、タブの保護でブックマーク替わりにしていたところ、気づいたら100個近くのタブが開かれていました。
これはちょっとどうにかしなければということで、タブを整理しつつ自分の備忘録を兼ねて、導入して良かったと思えるブログカスタマイズの記事を紹介したいと思います。
また、フリー素材や画像編集サイト等はサイドバーへリンクとして整理しました。
はてなブログテーマ「Innocent」で簡単にナビゲーションバーを追加する
ページの上にある黒いメニューバーがナビゲーションバーと呼ばれるものです。
ページの見た目も良くなりますし、目的のページでジャンプしやすくなるので、かなり重宝するカスタマイズです。
[blogcard url=”https://moonnote.hateblo.jp/entry/customize-innocent-navigation-bar”]
ソーシャルボタンを追加する
シンプルで気に入ったものがありましたので早速導入です。
下の記事を参考にさせていただきました。
[blogcard url=”https://www.okdkdk.com/entry/blog-designblog-share”]
ナビゲーションバーとソーシャルボタンの2つを追加すると、記事は少なくてもそれらしいブログページに早変わりです。
更新日時の自動更新
ブログのリライトってとても大事だと思います。
自分の場合、いつも眠い目を擦りながら記事を書いているので間違いだらけですが！
はてなブログでは古い記事を更新しても、初回の投稿日時だけで更新日時が表示されません。
せっかく古い記事を見直し更新しても日時が見えなければ意味がありません。
その更新日時を記事投稿時に自動で挿入してくれるカスタマイズです。
下の記事を参考にさせていただきました。
[blogcard url=”https://www.itjigoku.com/entry/last-updatec-ustom#%E3%83%AA%E3%83%A9%E3%82%A4%E3%83%88%E3%81%97%E3%81%9F%E8%A8%98%E4%BA%8B%E3%81%AE%E6%9C%80%E7%B5%82%E6%9B%B4%E6%96%B0%E6%97%A5%E3%82%92%E8%A1%A8%E7%A4%BA%E3%81%95%E3%81%9B%E3%81%9F%E3%81%84″]
はてなブログの設定解説
はてなブログを始めたころお世話になりました。
各種設定の解説がされています。
[blogcard url=”http://www.stdio.jp/entry/blog/hatena-setting”]
目次の見た目を良くする
下の記事を参考にさせていただきました。
[blogcard url=”https://www.papico405.com/entry/2019/02/15/205027″]
文字に蛍光ペン調のラインマーカーを付ける
下の記事を参考にさせていただきました。
[blogcard url=”https://maroharu.com/blog/draw-the-line/”]
まとめ
コピペOKなものばかりでHTMLやCSSの知識が全くなくても導入できるので大変助かります。
ナビゲーションバーとソーシャルボタンは驚くほどページの見た目が良くなりますのでお勧めです。
色々なブログをネットサーフィンしてて、この人のブログデザインいいなと思うと、大概カスタマイズの紹介ページがあるのでとてもありがたいです。
今回、ブラウザSleipnirの保護タブを整理するとともに、再確認する意味で私のブログで取り入れているカスタマイズを紹介させていただきました。
やふ
コメント