自分用のメモとして、これからカスタマイズしようとしているはてなブロガーに向けてこの記事を書きます。
※H28/2/2現在で自サイトに施しているカスタマイズ（見える範囲で..）をまとめたもの
※はてなブログ（スマホはPro必須）におけるデザインテーマ「レスポンシブルー」を使用した場合のカスタマイズです。
- ヘッダー変更
- プロフィール画像変更
- 定期購読ボタンをファーストビューに
- 文字サイズ
- 続きを読む
- 見出し
- 目次
- シェアボタン
- 記事下関連記事（ＰＣ）
- 記事下に「合わせて読みたい」（スマホ）
- カエレバ・ヨメレバ
- スマホ回遊率ＵＰ
ヘッダー変更
ＰＣ設定：デザイン→カスタマイズ→ヘッダ→タイトル変更→画像だけ表示→ファイルを選択
スマホ設定：デザイン→スマートフォン→ヘッダ→タイトル画像→スマートフォン用に画像を設定する→ファイルを選択
ＰＣサイズ：高さ２００px × 横幅１０００px
スマホサイズ：高さ３６０px × 横幅６４０px
H28/2/2現在、フリー素材を加工したものを使用中。
今後はプロに依頼し、差し替え予定です。
プロフィール画像変更
設定個所
- 設定→基本設定→ブログアイコン→ファイル選択
- 設定→詳細設定→アイキャッチ画像→ファイル選択
- アカウント設定→プロフィールアイコン→ファイル選択
- Hatena→プロフィール→編集→プロフィール写真→ファイル選択
- Hatena→プロフィール→編集→プロフィールアイコン→変更する
５箇所もある（笑）
定期購読ボタンをファーストビューに
ＰＣ
スマホ
設定方法
こちらを参考に。
文字サイズ
エディターで任意に変更する文字サイズではなく、デフォルトの文字サイズを大きくした。
設定方法
こちらのサイト様を参考に。
続きを読む
設定方法
こちらのサイト様を参考に。
見出し
設定方法
こちらのサイト様を参考に。
目次
設定方法
こちらのサイト様と
こちらも参考に。
シェアボタン
設定方法
こちらのサイト様を参考に。
記事下関連記事（ＰＣ）
設定方法
こちらのサイト様を参考に。
記事下に「合わせて読みたい」（スマホ）
設定方法
こちらのサイト様を参考に。
カエレバ・ヨメレバ
設定方法
happylife-tsubuyaki.hatenablog.com
こちらのサイト様を参考に。
スマホ回遊率ＵＰ
設定方法
こちらのサイト様と
こちらも参考に。
ーー
以上、僕がはてなブログで行った１２のカスタマイズまとめでした。
終わり