
このブログで今までやってきたはてなブログのカスタマイズを厳選してまとめました。
※ このブログのテーマはMinimalismなので他のテーマで表示できないかもしれません。
カスタマイズのポイント
リストの黒ポチをはてなのアイコンフォントに変更したのをきっかけに、記事にするほどでもないが忘れないように残しておきたい、カスタマイズの小ネタ記事。
はてなブログを高速化するための4つポイントをまとめた記事。
特に画像の最適化(圧縮)と使わない機能を無効にすることが大事。
簡単カスタマイズ
ほかのはてなブログではあまり見かけない、簡単なのに気がきいた感じに見せる小技。
検索ボックスや関連記事を見やすくするちょっとした簡単カスタマイズです。
上に戻るボタン
ウェブフォントを使って上に戻るボタンを設置する。ボタンは右端に固定して常時表示。
(JavaScriptを使ってまで、ボタンをスクロールでふわっと表示させなくてもいいと思う)
「前のページ」リンク
はてなブログのトップページにJavaScriptで「前のページ」リンクを設置した。
上に戻るボタン(ページトップへ戻るボタン)ではありません。
記事タイトル
ブログタイトルや記事タイトルで使われている<h1>タグをJavaScriptで書き換える。
個別記事ページでは、ブログタイトルの<h1>タグを<div>タグに、トップページでは記事タイトルの<h1>タグを<h2>タグにそれぞれ書き換える。
記事の日付(投稿日)を日めくりカレンダー風にカスタマイズ。カレンダーをfloat:leftで左寄せしてその横に記事タイトルとカテゴリーを回り込ませて表示する。
引用デザイン
はてなのアイコンフォント(引用符アイコン)を回転させたり、アイコンの背景を丸くしたりして、引用のデザインをカスタマイズする。
以前に、はてなブログの引用デザインを画像で表示したのですが、はてなのアイコンフォントにある引用符のアイコンをなんとか利用できないかといろいろやってみました。
引用:はてなブログの引用デザインをはてなのアイコンフォントで表示
サイドバー
JavaScriptでサイドバーの最新記事の新着記事(投稿日時が今日から~日以内の記事)へのリンクにNEWマークを表示する。
