【WordPressからはてなへ】ブログ引越し完全ガイド（後編）〜カスタマイズと最終設定〜

ついにWordPressからのデータ移行を終えた
わたしのブログ引越し記録。

www.koto6.com

【後編】では、いよいよまっさらな「はてなブログ」を、わたしらしく、
そして読者にとって使いやすいようにカスタマイズしていく

「内装工事」と世界に公開するための「最終設定」について、解説していきます！

【WordPressからはてなへ】ブログ引越し完全ガイド（後編）〜カスタマイズと最終設定〜

STEP 1：【内装工事】はてなブログを、自分だけの城に！

インポートしただけの素の状態のはてなブログは、正直少し味気ないもの。
でも、少し手を加えるだけで、驚くほどあなただけの「城」に変わります。

① サイドバーの「顔」となる、オリジナルプロフィールを作ろう

標準のプロフィールは文字も小さく、表現の幅も限られます。
そこで、「カスタムHTML」モジュールを使って
手作りのプロフィールを作りましょう！

[デザイン]→[カスタマイズ（スパナアイコン）]→[サイドバー]を開きます。
標準の「プロフィール」モジュールは削除し、「＋モジュールを追加」から「カスタムHTML」*を選びます。

タイトルを「プロフィール」とし、HTML入力欄に、以下のコードを貼り付け、
「ここに…」の部分を、あなた自身の情報に書き換えます。

<div style="padding: 0 5px;">
  <!-- ▼ プロフィール画像＆名前 ▼ -->
  <div style="display: flex; align-items: center; margin-bottom: 15px;">
    <img src="あなたのアイコンURL" alt="あなたの名前" width="80" height="80" style="border-radius: 50%;">
    <h4 style="margin: 0 0 0 15px; font-size: 120%;">あなたの名前</h4>
  </div>
  <!-- ▼ 自己紹介文 ▼ -->
  <p style="font-size: 90%; line-height: 1.7;">
    ここに、あなたの素敵な自己紹介文を入れます。
  </p>
</div>

style="..."の部分をいじることで、文字の大きさや色、レイアウトを自由自在に変更できます。
わたしは、試行錯誤の末「謎の改行問題」をCSSで解決し今の形に落ち着きました。

② カテゴリー地獄を抜け出す！「手作りリスト」

WordPressから移行すると、サイドバーのカテゴリーが数千個になり（数えてないけど）ドラッグ＆ドロップでの整理はまさに地獄です。

わたしは大カテゴリーをいくつか絞ってそれだけを見せることにしました。
もちろん記事のすべては見せているカテゴリーのどこかへは
必ず属するようにしました。

あとは日々のリライトで長い目で直していくつもりです。