ブログをリニューアルしました!

2020年09月03日

ブログ

今回、ブログをリニューアルしたので紹介していきます。ブログをリニューアルするのは3回目ですね。今回も更新のしやすさなど考慮してWordPressを使い制作しました。前のブログテーマは結構前に作っていて、記事を更新していく中で使いにくかったり、デザイン自体もちょっと微妙だなと感じた部分もあったので細かく修正していくよりも作り直した方がいいなと思ってのでリニューアルした感じです。久しぶりにWordPressを触っておきたかったというのもありますね〜

前回のブログからの改善点

前回のブログでは以下のような問題点がありました。

  • リストで書いた時にcssをちゃんと当ててないので左の点がなくなってしまっていた
  • コードを直接書いた時に整形済テキストになるがそこにもCSSを当てていないので見た目が普通の文章と変わらない
  • 画像が白だと、CSSで影をつけていないので背景と同化してしまい見にくい
  • ファビコンを設定していない
  • カテゴリーが一番下にあって、一番下まで行かないとカテゴリーで細かく探せないので不便
  • フォントが個人的に気に食わない

特に上から4つの問題点はかなり致命的だったのでここは確実に直していきました。まず、CSSをしっかり当てていき、リストは四角形が左に表示されるように、整形済テキストは背景がグレーになるようにしました。もちろん画像もbox-shadowを使って影をつけました。ファビコンは見ての通り設定してあります。残りの問題点に関してはカテゴリーをナビゲーション部分に表示させてすぐに見たいカテゴリーの記事に行けるようにしました。フォントはトップのh1やh2の見出しなどをFuturaにしました。個人的に最近好きなフォントで良いフォントだなと感じていたので使いました。文章などは読みやすさを考慮し遊ゴシックを使いました。

まとめ

新しくリニューアルしたということでお知らせがてら改善点などをまとめました。記事を書いていてかなり不便だったり、ブログとして欠陥だったところをしっかり治せたのでとりあえず良かったです。WordPressもかなり忘れていたのでよく使いそうな関数はメモしたりと次また作るときに効率よく制作できるように工夫していきます。デザインもより見やすくなっていると個人的に感じていて結構気に入っているので細かいところをちょっとづつ変えていき、よりよくしていければと思います。

Pocket

related

ブログ制作を終えて…

今回、初めてWordPressでのブログのデザインからテーマの制作までしました。なかなか上手くいかないこともありましたが、なんとか現時点で納得出来るかなというところまで持っていくことができました。そこ

ブログ

2019.09.17

ブログリニューアルしました!

今回、今までのsuika blogからリニューアルして、kokeblogを新たに公開しました。少し前に、新しいブログのデザインをまとめましたが、その時のデザインをコーディングし、WordPressでテ

ブログ

2020.01.14

新しいブログのデザインができました!

このブログを公開してから、約3カ月がたちました。このブログを公開したときよりも知識も増え、よくないなと感じる部分も出てきました。Wordpressの導入のやり方など忘れている部分もあるので復習もかねて

ブログ

2019.12.31

profile

kobayashi kent

トライデントコンピューター専門学校Webデザイン学科
アニメとかゲームとか音楽聴くのが好き