はてなブログ

はてなブログデザインテーマを変更

更新日:

2つのカスタマイズでブログのイメージを変える

今回はサイトイメージをカッコよく!オシャレな感じにできないかと思いCSSによるカスタマイズだけでなく、記事部分の構成や配置を変更してみました。

まずページを開いたときに大見出しが見えるように先頭に移動してみました。本来ここにはアイキャッチがあります。ヒートマップツールで見た場合トップに画像があっても意味がないようなので、それなら記事の内容が伝わる大見出しのほうが効率的じゃないかな?

アイキャッチは必要?なぜ先頭表示なの?

最初の疑問はこれ。WordPress時代からアイキャッチは記事の先頭にがあたり前で気にもしなかった。でも今回ヘッダ部分に画像いれたら画像が連続するのね。ハッキリ言ってうざいよね?

アイキャッチってTwitterやサムネイル表示で効果的だけど、本来の役目は記事への誘導と文章の補助、読み手の疲労軽減なんだから先頭じゃなければいけないこともないんじゃないかな?

記事への誘導は冒頭文と大見出しがしてくれるので、記事の重要部分とか切り替えの部分で関連する画像をいれたほうがワクワク感が演出されるような気がするのは僕だけ?

スタイルシート(CSS)を使ってカスタマイズ

CSS(スタイルシート)が煩雑になっていたのでイジッテいたところ、だんだんとめんどくさくなってリセットすることにしたんだ。

ついでにデザインテーマも変更したしだいです。

Minimalismに変更。

今回はヒツジの雑記帳(こどみすさん)のテーマを使わせていただきます。無料テーマの公開はありがたいです。自分ではテーマをつくるスキルがないので、とても助かりますね。

表示速度も前テーマと変わらず速い。レスポンシブデザインになってるし言うことないですね。ただ「なにもないのでカスタマイズありき」速度が落ちない程度の改造を楽しみたいと思ってます。

手始めにヘッダに画像を入れてみました。サイトタイトルの文字色と大きさを変更しただけですが印象がかなり変わりましたよ。

画像が金色(ゴールド)なので、サイトカラーはゴールドに決定!

後は落ち着いた色をチョイスしていきます。

プロフィール画像も変更しました。この似顔絵は身バレしないか心配になるくらい雰囲気掴んでます!

それから、テーマを変えたら吹き出しがすべて吹き飛んでしまったので新たな画像を探していたのですがその辺の変更もするかもしれません。

目次は最後に表示しようかと考えてます。こんな感じ

ちょっと急いだ記事になりましたがご容赦を。

NAGOでした See you

  • この記事を書いた人

nago

このサイトの管理人はブログ歴だけは長い普通の会社員です。今回はてなからワードプレスに戻ってきました。思っていた通りここは静かすぎる世界でした。

-はてなブログ

Copyright© NAGOLOG , 2018 All Rights Reserved Powered by AFFINGER4.