はてなブログで使える目次のデザインを幾つか作ってみました。コピペでお使いいただけます。 目次の挿入方法 目次デザインパターン集 FontAwesomeの呼び出し ストライプ背景 ストライプ背景2 二重線囲み ステッチ風 目次リストのスタイル（番号順、円） 目次を表示・非表示に切り替える ご使用のテーマによって、調整が必要な場合があります。あらゆる場面、状況に対応することは難しいためです。ここで紹介しているコードはあくまでも一例で、各自ご自身の責任の元で調整してください。 目次の挿入方法基本的なことですが、はてなブログで目次を挿入するには記事編集画面上部のツールバーで目次のアイコンをクリックすると挿入できます。 目次デザインパターン集目次のカスタマイズをするには以下のコードをデザインCSSに入れて下さい。テーマによっては調整が必要です。 FontAwesomeの呼び出し目次横のアイコンはFo

この記事では、はてなブログのブログ作成方法からブログのデザインカスタマイズ方法まで紹介します！ カスタマイズは、この記事のコードをコピペして貼り付けるだけでできちゃうので参考にして見てください。 ちなみに、以下のブログで実際に行ったカスタマイズ方法を紹介していきます！ www.charlottehibi.com ブログ作成 テーマの導入 グローバルメニューのカスタマイズ ヘッダ画像の余白を消す スマホ版はてなブログのカスタマイズ（Proのみ） 複合メニューバーの導入 スマホデザインのカスタマイズ 記事タイトル・日付の色 更新時刻の色 カテゴリーの色 まとめ ブログ作成 はてなブログのブログ作成のページ「https://blog.hatena.ne.jp/register」にアクセスして、URL、公開の範囲を設定して作成します。 作成しましたが、これでは殺風景なのでカスタマイズします！ テー