アメブロをカスタマイズしてみる。まずはフォーマットとレイアウト選び。

とりあえず、ブログ始めたはいいけど全然デザインしていないので
この自分のブログをカスタムしていく過程を書いていきたいと思います。

目指すのはTen Graphのウェブサイトのデザイントーンと合わせた
シンプルで読みやすいブログです。

なぜ、ウェブサイトとブログをのデザイントーンを統一化するのかというと
訪問してくれた方に自分の事を記憶に残してもらうためです。
バラバラのイメージのもよりも統一された物の方が関連づけて覚えてもらいやすいのです。

ウェブに限らず発信するものは全て、
名刺やリーフレット、DMなどの紙媒体にも統一するといいと思いますよ。
そして統一感を出すにはロゴがあると効果的なのですが、
その話はまたいつか。


とにかく、まずはブログです。



1.最初にカスタム可能なフォーマットを選びます。

場所は「ブログを書く」→「デザインの変更」→ブログデザインを探すの項目の「カスタム可能」→一番最後にある「【カスタム可能】ベーシック」です。

【カスタム可能】ベーシックってなくなるはずだったと思うんですが、まだあるのでこれを使います。



2.サイドバーを右側だけにします。

なぜサイドバーを右側だけにするかというと、
両サイドにバーがあるとごちゃごちゃしてしまって
ブログ記事本文が目立たなくなってしまいます。
また、一番見てもらいたいものにすぐ目がいくようにするには
横書きの場合なら、左上に配置するといいんですよ。
ということで、サイドバーは右側のみの2カラムレイアウトに設定します。
2カラムレイアウトだとページを読み込んで表示する際、
記事の表示がサイドバーよりも後に表示されるらしいですが
サイドバーをあまり重くしなければいいかなってことで
2カラムレイアウトのままいきます。

場所は「ブログを書く」→「レイアウト変更」→「2カラム・右メニュー」で適用するをクリック。



3.CSSで地道に変更を加えていきます。

場所は「ブログを書く」→「CSSの編集」

いまのところ背景を入れて記事の部分だけに白地をいれたりとと、少しだけ変更を加えてあります。


今後のために現状の画像



ちなみにTen Graphのウェブサイトはこちら
これに合わせたブログにカスタムしていきます。

今後どうなるか乞うご期待！

はじめまして！

こんにちは！


Ten Graphのワタナベリツコと申します！

最近フリーランスでグラフィックデザインのお仕事をはじめたので

ついでにブログもはじめちゃおうってことで、

これから日々の事や、お仕事の事などをつらつらとブログでお伝えしていこうと思います。


よろしくおつきあいください。