どうも千利休です。
はてなブログを始めるにあたり、いろいろ設定したので新しく始める方の参考になればと思います。
デザインを変える
何はともあれ見た目を変えたい・・・
けどCSSとか書くのは面倒なのでできる限り楽にしたいよね
そんな方にハテナさんはしっかりと対応しています。
こちらで他の方が作られたテーマをそのまま入れちゃいましょう。
かなり種類があって迷いますよね。
今ならスマートフォンなどにも対応しているものがおすすめです。
そんな私が使っているテーマはこちら。
シンプルでいい感じです。
フォントの大きさを変える
見やすいフォントにすると自分でも見やすいですし、何よりユーザさんが見やすいのでささっと設定しちゃいましょう。
.entry-content {
font-size:17px;
}
すぐに使える!!ブログ記事を見やすくするテクニック4選 - 友達は少ない方がいいんじゃない??
こちらを参考にカスタマイズしました。
やり方はこちらの方のブログを参考にするといいでしょう。
15 ~ 17あたりがいいようですね、デザイナー専門ではないので間違っていてもあしからず。
見出しのデザインを変更する
見出しは少しだけ改造するだけでもかなり印象が変わります。
すぐに使える!!ブログ記事を見やすくするテクニック4選 - 友達は少ない方がいいんじゃない??
またもやこちらの方のを参考にしました。ありがたや。
しかし色が好みではなかったのでこう変更しました。
.entry-content h4 { font-size:24px; padding: 4px 10px; color: #111; background-color: #f0f0f0; border-left: 8px solid #00CED1; border-bottom: 1px solid #00CED1; }
色を変えたい場合は#が文字でついている下記の文字列を変更すれば好きな色にできます。16進数で書いてください。
#00CED1
しかし16進数で書いて!何て言われてわかるわけないですよね、私は下記のサイトを参考にしました。
これで好きな色が指定できますね。
ナビゲーションメニューを作る
私はまだ作っていないのですが、よくあるナビゲーションメニューは自分で作らなければいけないみたいです。
はてなブログのトップにナビゲーション(カテゴリ)メニューを作る!【カスタマイズ】 - すりゴマ・ドットコム
こちら参考にして作ってみてください。
私もそのうち作りたい。
参考にさせていただいたサイト
すぐに使える!!ブログ記事を見やすくするテクニック4選 - 友達は少ない方がいいんじゃない??
カラーコード表
はてなブログのトップにナビゲーション(カテゴリ)メニューを作る!【カスタマイズ】 - すりゴマ・ドットコム