きっかけメモ

主に自分用メモ　興味が出るには最低限必要な知識がある

HatenaBlogデザイン(CSS)カスタマイズ

インターネット

任意にCSSを適用するまでのメモ

任意のCSSを、管理画面→デザイン→カスタマイズタブ→デザインCSS内に記載すれば適用される。

しかし、例えばbody全体ならbody{ background-color: blue; }などと指定すればいいが、
例えば記事のタイトルの背景色を変えたいなら、記事のタイトルのclass名を知る必要がある。

自分がカスタマイズしたいHTML箇所のclass名を知る

自分のブログのHTMLソースを見るとわかる
　　（自分のブログを開いて右クリック→ソースを見る等）

カスタマイズしたい場所付近を見るために検索する
　　(検索方法は、大体のブラウザでCtrl+Fを押す)
　　例えば記事のタイトル付近をカスタマイズしたいなら、自分が実際に書いた記事のタイトル名で検索
　　<div class="entry-title" ... などのclassで囲まれているのがわかる。

CSSを適用する

CSSは、管理画面→デザイン→カスタマイズタブ→デザインCSS内の末尾に記載する。

先ほど調べたクラス名を利用する。
例）

.entry-title {
    background-color:blue;
}