ブログサイトを作ったんですけどデザインがイマイチで…
HTMLとかCSS?とかよく分からないんですけどできますか？
HTMLもCSSもそんなに難しくないから大丈夫！
ひとつひとつキチンとやってオシャレなデザインにしていこ
みなさんはブログサイトのデザインってどうしてますか？
初期設定のままや設定で少し変えただけという人も多いと思います。
かくいう僕も初めは何も知らずにブログを開設し、ほぼ初期設定のままブログを運営していました。
しかし、独学で書籍やネットで勉強し今では自分でも納得のいくサイトデザインが完成しました。
そこで、今回からブログ初心者の方に向けてサイトデザインの方法についてお話ししていこうと思います。
なるべく丁寧な解説を心がけようと思っていますが、分からないことも出てくると思うので、そんな時は遠慮なく僕のTwitterの方にDMで質問してください。
この記事が目指すゴールと前提の環境
まず、前提としてこの記事が目指すゴールは「自分が思い描くサイトデザインを実現すること」です。
決してブログのPVが増えるサイト作りではないので、ご注意ください。
ただし、サイトのデザインを良くしたことで結果的にPVが増えてしまうこともありえますので、その時は仕方なくブロガーとして生きていってください。
前提の環境について
前提の環境として、
- WordPressで作成したブログである
- ブログの開設はサーバーの契約までしている
ということで話をしていきます。
僕自身WordPressでブログをはじめているので他の環境だと分からないという単純な理由です。
ブログの開設はやり方の記事がたくさんあるので、今更僕が書いても仕方がないかと思った次第です。
ブログの開設方法やサーバーの契約方法が知りたいという質問があればそういった記事も書こうと思いますが、今のところ既にブログは始めている状態の人に向けてお話ししていきます。
デザインをキチンとしておいた方が良い理由
ブログは中身だ、サイトのデザインなんて適当で良いという人もいるのかもしれませんが、僕はブログのデザインはキチンとしておいた方が良いと思います。
僕はブログを記事という商品を置いているお店だと思っています。
いくら商品(記事)が良くても、それがプレハブ小屋みたいな安っぽいお店(ブログサイト)に並んでいたら魅力も半減してしまいますよね。
逆にお店(ブログサイト)の雰囲気がとても良かったとしたら商品(記事)の内容は普通でも、もう少し他の商品も見てみようかな〜となるわけです。
ブログは最初はとにかく記事を書けなんて言いますし、僕もそれには賛成ですがサイトデザインをすることも同じくらい大事だと思います。
ユーザーが目的の場所にたどり着きやすい
サイトデザインというのはCSSでゴテゴテとサイトを飾りつけることではありません。
一番大事なのは、サイト内の情報を整理してユーザーが分かりやすくすることです。
デザインは情報を整理して伝わりやすくすることなので、自分がやりたいことにこだわりすぎて分かりずらいサイトにならないよう注意しましょう。
特にブログは情報量が多いサイトなので、見やすいデザインになるよう意識して作ることをオススメします。
初心者が身につけるべき最低限の知識
最後にブログを始めた初心者の方がデザインをしようと思った時に最低限身につけるべき知識について簡単にお話しします。
全部そんなに難しいことではないので安心してください。
- HTMLとCSSの基本的なこと
- WordPressのファイル構成について
- デザイン・配色の基本的なこと
HTMLとCSSの基本的なこと
WordPressは記事を書くだけなら知らなくても問題はありませんが、サイトデザインを変える場合はコードを読まないと、どこを変えたら良いのか分かりません。
HTML、CSSを調べながらでも良いので読める程度には知っておきましょう。
一冊書籍を読んだら大体分かるようになると思います。
他にWebサイト構築の言語としてJavaScriptやPHPなどがありますが、上記二つと比べると難しいと思うのでこちらは興味が出てきたらで良いと思います。
WordPressのファイル構成について
WordPressはキチンと学ぶとなると結構難しいので、勉強すると嫌になると思います。
なのでどのページがどのファイルに関係しているかということだけ知っておきましょう。
「記事ページはsingle.phpで固定ページはpage.php…」といったことが分かってないとサイトの変えたい場所が分からないのでそこだけは書籍やネットでチェックしておきましょう。
デザイン・配色の基本的なこと
当たり前と言えば当たり前ですが、自分のやりたいように感覚でデザインして魅力的かつ見やすいサイトが出来上がる人はまずいないと思います。
デザインの４つの基本原則やベースカラーとアクセントカラーといったデザイン・配色の基本的なことは一度目を通しておきましょう。
まとめ
今回は自分なりのブログサイトを作る前段階の準備についてお話ししました。
おそらくブログを始めたばかりの方は何が分からないか分からない状態だと思いますが大丈夫！
僕と一緒に一歩ずつ進んでいきましょう。
それでは、次回からは具体的にサイトデザインについてお話ししていきたいと思います。
