はてなブログ公式テーマHandWritingのフォントとリンク色を変更した話

はてなブログ公式テーマ「HandWriting」の手書き風フォントとリンク色変えられた！

具体的にはブログタイトル・記事タイトル・サイドバーのモジュール名のフォントをメイリオに変更して、ピンク色だったリンク色を黒にしました。

右クリック→「検証」でCSSとにらめっこしてたら日が暮れてた。素人が1日かけて頑張った成果を見て。

（12/14追記）この記事に書いてあるコードはコピペOKです。ご自由にお使い下さい。

ブログ管理画面の「デザイン」→「カスタマイズ（スパナのマーク）」→「デザインCSS」にコードを入力します。

コードは以下の通りです。もっと効率のいい書き方があるのかもしれないけどProgateかじっただけの初心者にはこれが限界だった。いいんだよ欲しい結果が出れば！！

/* ブログタイトルのフォントを変えたよ */
#title a {
font-family: メイリオ;
font-size: 30px;
}

/* サイドバーのモジュール名のフォントを変えたよ */
.hatena-module-title {
font-family: メイリオ;
}

/* 記事タイトルのフォントを変えたよ */
.entry-title {
font-family: メイリオ;
font-size: 20px;
}

/* リンクの色を黒にしたよ */
a {
color: #444;
}

タイトル下のメニューバーにも挑戦したんですけど、そっちはダメでした。（設置したけどコレジャナイ感が拭えなくて即撤去した）

でも基本のテーマは変えたくない（水玉模様とタイトル横の星を手放したくない）ので、CSSとの戦いはまだまだ続きそうです。

いずれ目次と見出しも整えたい…！がんばろう

かまどのおぼえがき