blog読書メモ、投資のこと、日々の学び2019-01-27はてなブログの見出しカスタマイズのメモはてなはてなブログで書き始めて三週間くらい経ちますが、やろうやろうと思って調べていなかった見出しのカスタマイズ。記事を各画面で見出しをつけて目次を作るところまではわかりました。つなろっく上記サイトでわかりやすい説明がありました。1使いたい見出しデザインを見つけたら「コードを表示」をクリックして、コードを開きます。2コードをコピーします。3ダッシュボードの「デザイン」→「カスタマイズ」→「デザインCSS」をクリックします。4そこに、コピーしたコードを貼り付けます。5見出しに合わせてコードの「数字」を書き換えます。サルワカさんのコードはすべて「h1」タグで書かれていますので、この数字を使いたい見出しタグの番号に変えてください。見出し2のタグに使いたい時は「h1」→「h2」とか見出し3のタグに使いたい時は「h1」→「h3」など。6色を変更したいときは、カラーコードを書き換えます。文字色を変えたいときは→「color」あたりを変えてみるといいかと思います。←けっこういい加減なので、必ずバックアップを取ってから自己責任で書き換えしてくださいね。大変なことになっても責任取れませんので(>_<)7「変更を保存する」をクリックします。上記ブログを見るとはてなブログで見出しに色をつけたりデザインを変更するにはCSSのソースを挿入する必要があるとのこと。CSSを表示してコピーするのも面倒なのでどこかでデザインまとめてくれてないか探したところありました。上記サイトで選んだCSSのコードは下記です。#b2ddf0;}上記の記述だとh1となっているので私がよく見出しで使用する"h3"に記述を変えて使用して見ました。↓こんな風になりました!!ページごとではなく全てのページに反映される様ですね。過去に遡って更新されました。すごく見やすくなりました。経済動向語り合おう!はてなブログをはじめよう!kabkabsunshineさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。