いーぐるじゃんぷ

管理人が気になっているガジェットやゲーム、ハマっていることなどを紹介する自由奔放なレビュー系ブログ

(`・ω・´)ゞ

気になるガジェットやゲームなどを紹介するブログ

ブログデザイン(PC)をいくつか変更してみました。

はてなブログを開設して、まだ1週間程度のド素人ではありますが、今回はブログのデザインをいくつか変更してみましたので、実際にどんなところを参考にして、ブログデザインを変更したのかを紹介していこうと思います。

f:id:kerneln:20170424232423p:plain

今回変更を試みた箇所

まだまだ、変更を行いたい箇所は多々あるのですが、今回は下記の部分のデザイン変更を行ってみました。

  • ブログテーマの変更
  • 続きを読むボタンの変更
  • 太字を蛍光ペンっぽい形に変更
  • h3、h4の見出しデザインの変更

ブログテーマの変更について

以前からブログテーマはもっと使いやすいものや、カスタマイズがしやすいものに変更したいと考えていたのですが、今回はcodomisuさんのブログテーマを導入してみました。

最新記事等をスライダーにして表示出来る機能やタイトル横に表示出来るメニューなどが使いやすくて今回は導入してみました。

全体的なデザイン感としてもフラットデザインを軸にしているので、あまりごちゃごちゃしておらず、シンプルで使いやすそうなのも選んだ理由のひとつであります。

続きを読むボタンについて

こちらもテーマ同様に変更したいと考えていたので、思い切って変更を試みてみました。普通のCSSのボタンでも良かったのですが、少しアニメーションも加えたかったので、今回はshunさんの記事を参考にして少し動きがあるものを導入しました。

この記事はわかりやすくていいねですよね。あまりCSS等が得意でない人でも簡単にブログアレンジが出来るのでおすすめです。

太字を蛍光ペンっぽい形に変更

太字ってただの太字にするより、蛍光ペンみたいなデザインの方が分かりやすくて個人的には好きなので、今回は変更を試みてみました。

参考はnorth-geekさんの記事を参考にしました。

h3、h4の見出しデザインの変更

通常のテーマだと見出しデザインが少しさみしいので、今回のテーマに合わせて変更をしてみました。

今回はゆきひーさんの記事を参考にデザインを変えてみました。

今後、導入したいカスタマイズについて

  • SNSフォローボタンの変更
  • リストデザインの変更
  • サイドメニューに画像追加
  • スクロール連動型のグローバルメニュー
  • スマホ用のデザイン諸々

もっと、色々とブログのカスタマイズには挑戦していきたいところではありますが、中々時間も取れず、そうもいかないのが現実ですね・・・・

まとめ

今回は、簡単ではありますが、私がブログデザインを変更する際に参考にさせていただいた記事を紹介しました。ブログのテーマや好みの配色、デザインなどによって読んでくれる方々に与える印象なども大きく変わっていきますので、今後もブログデザインの変更には力を入れていこうと思います。

※勿論、そもそもの記事投稿も大切ですけどね・・・・

今回は主にPCデザインの変更を試みてみましたが、今の時代はスマホでの閲覧率が非常に高いという点もありますので、スマホ用のデザイン変更も今後は色々と加えていきたいと考えています。

※個人的にレスポンシブはあまり好きではないので、デザインを変更する際はスマホ用に変更を加えていくつもりです。

 

それではまた!

【スポンサーリンク】