はてなブログカスタマイズ記事一覧です。今までの過去記事をまとめました。
パーツ毎に分けているので、カスタマイズしたいところの記事をご参照下さい。上から順番にヘッダー、グローバルメニュー、記事上・記事下、サイドバー、フッターと辿っていくとはてなブログを一通りフルカスタマイズ出来ます。
はてなブログで本格的にカスタマイズするならはてなブログProを契約するのがおすすめ。独自ドメインが使えてお名前.comなら1年目の料金無料で.workドメインが取得できます。
- ヘッダー・タイトル
- グローバルメニュー
- 見出し・囲み枠
- シェアボタン
- サイドバー
- サイドバーの最新記事にリボンラベルを付ける
- サイドバーに画像(バナーリンク)を貼る
- 目次のデザイン
- 記事上・下
- フッター
- トップページ・レイアウト
- スマートフォン版
- 自作テーマの制作
- はてなブログ入門ガイド
ヘッダー・タイトル
タイトル画像の調整
はてなブログのタイトル画像のサイズは標準では1000*200です。横幅いっぱいにしたり、調整が必要なときは以下の記事をご参照下さい。
blog.minimal-green.com
blog.minimal-green.com
blog.minimal-green.com
ヘッダー下におすすめ記事を並べるカスタマイズ
blog.minimal-green.com
blog.minimal-green.com
blog.minimal-green.com
グローバルメニュー
blog.minimal-green.comblog.minimal-green.com
blog.minimal-green.com
見出し・囲み枠
かわいい系の見出しや囲み枠をご紹介しています。blog.minimal-green.com
blog.minimal-green.com
blog.minimal-green.com
blog.minimal-green.com
シェアボタン
シンプルなレスポンシブシェアボタンからかわいい系のガーリーデザインまでご紹介しています。HTTPS化対応済み。
blog.minimal-green.com
blog.minimal-green.com
サイドバー
サイドバーにバナーを貼り付けたり、サイドバーの最新記事や人気記事にリボンラベルを付けるカスタマイズをご紹介しています。サイドバータイトルのデザインカスタマイズ
サイドバーの最新記事にリボンラベルを付ける
サイドバーに画像(バナーリンク)を貼る
目次のデザイン
はてなブログ標準の目次デザインを少しおしゃれにしてみました。blog.minimal-green.com
記事上・下
はてなブログの記事下関連記事のカスタマイズや記事下にプロフィール欄やCTAを追加するカスタマイズをご紹介しています。日付のカスタマイズ
読者になるボタン
記事下にCTAを設置する
記事下にプロフィール欄を設置する
「コメントを書く」ボタンのカスタマイズ
はてなブログのコメント欄のカスタマイズはこちらをどうぞ。
blog.minimal-green.com
フッター
はてなブログのフッタにCopyrightやフッター3カラムメニューを追加する方法を書いています。blog.minimal-green.com
トップページ・レイアウト
トップページをホームページ化したり、記事幅変更、カード型レイアウトの方法を書いています。トップページをカード型レイアウトに
はてなブログの記事幅・レイアウトの変更
はてなブログのAMP対応
自作テーマの制作
はてなブログテーマストアははてなユーザーなら誰でも投稿できます。公開する場合は注意が必要ですが、非公開で自作テーマをアップロードして自分だけ使うこともできます。自分だけのオリジナルテーマを作ったり、多くのユーザーに使ってもらえるテーマを公開したり、テーマ作りは楽しいですよ。
blog.minimal-green.com
はてなブログ入門ガイド
他の方のカスタマイズ記事も含めた便利なはてなブログ入門ガイドはこちら↓をどうぞ。
blog.minimal-green.com