BLOGリニューアル

DIARY

Hi everyone!

 

ブログを開設して1年経ったということで
この度、ブログデザインを新しくしました!!

昨日はほぼ1日中編集作業。。。

トライ&エラーを繰り返し
頭を抱えながら、なんとか形になりました!

 

いやー。。

ブログカスタマイズは奥が深過ぎる!!

 

もう何ページ見たか分からないぐらい
色んなサイトを見まくりました。。。

まだまだ改善したいところはたくさんあるんですが
現段階でのアップデート発表!



使用しているテーマ

私がこのブログで使用しているテーマは
WordPressのCocoon

 

リニューアル前は
Seasonというスキンを使っていたんですが

今回
少し前にイノセントというスキンが新しく加わり
とても気に入ったので、こちらに決定!

 

シンプルで落ち着いた色合い。

アイコンもおしゃれで落ち着いた印象なので
女性は好きな方が多いんじゃないでしょうか?

 

前から気になっていた
インデックスの2カラム表示もデフォルト設定になっていたので
それも気に入ったポイントでした。

※記事一覧が2列表示になっているものです

メインカラー

使用カラーは4色までにまとめて
ページに統一感が出るようにしました!

 

を使って選んだカラーは

開いてもらうと分かると思いますが

このサイトは
ランダムに表示されるカラーを好きか嫌いかで組み合わせていくもの。

カラーの組み合わせが決まったら

右上のExportをクリックすると

URLかPNGの選択画面に変わり、そこから保存ができます。

 

他に試してみて、面白かったサイトは

khroma

まず自分の好みのカラーを50色選ぶところからスタート

50色ね!おっけー!

って感じでしたが

完全にナメてました。

50色って意外と多い…

そしてよく似たカラーばっかり選んでることに気付く。。笑

 

後半になると
もう少し濃いカラーや○○系のカラーを選びましょう

など

仕上がりがより良くなるように
アシストしてくれるコメントが出てきました!

50色選び終わると
様々な表示方法で好みの組み合わせを見つけることができます。

フォント

カラーの統一感に合わせて
ブログロゴやメニューバーなどのフォントも統一しました!

フォント選びは
有名なGoogle Fontから。

Sigmar One

というフォントで統一。

 

いろんな設定方法がありましたが
私はプラグインでGoogle Fonts Typographyを追加し
フォント変更をしました。

簡単だった!!

 

ただ、今気になってるのは
本文に使う英文のフォントはこのままでいいのだろうか…

というところ。。

なにか
アドバイス、オススメがあれば教えてください!笑

 

地味に、本文のカラーも変更!

以前はブラックにしていたんですが
濃いめのグレーに変更し
印象を少し和らげるようにしました。



細かいけど、こだわり部分

今回
ブログのロゴも新しくしたので

それにともなって、アイコンもチェンジ!

これです。

そして

お手持ちのスマホのホームスクリーンに追加してもらうと
こんな感じで

このアイコンが現れます!笑

 

ぜひ!
お持ちのアプリの並びに置いてやってください。笑

参考にしたサイト

はじめにも書いたように
今回、トライ&エラーを繰り返す中で

たくさんのウェブサイトにお世話になったんですが

その中でも1番参考にさせてもらったのが

さらば、思うだけ

Note198

両方オシャレでとても見やすいサイトです。

 

ブログのデザインについても書かれているので
こちらのサイトのリンクから
いろんなサイトに飛ばせていただきました。

ありがとうございました!!

 

以上。

今回のアップデートでした!

 

まだまだ課題盛り沢山。。

でも、コードはなかなか興味深いです。

あとは
もっと記事が増えてきたら
カテゴリーをもう少し細かく分けたりもしたいなー

 

ただでさえロックダウンなのに
今週は雨が続きそうなので
おうちにこもってブログをもうちょっといじってみようと思います。

 

ブログランキング参加しています!
応援クリックよろしくお願いします♬
↓ ↓ ↓

にほんブログ村 海外生活ブログ シドニー情報へ

コメント

タイトルとURLをコピーしました