Hi everyone!
ブログを開設して１年経ったということで
この度、ブログデザインを新しくしました！！
昨日はほぼ１日中編集作業。。。
トライ＆エラーを繰り返し
頭を抱えながら、なんとか形になりました！
いやー。。
ブログカスタマイズは奥が深過ぎる！！
もう何ページ見たか分からないぐらい
色んなサイトを見まくりました。。。
まだまだ改善したいところはたくさんあるんですが
現段階でのアップデート発表！
使用しているテーマ
私がこのブログで使用しているテーマは
WordPressのCocoon
リニューアル前は
Seasonというスキンを使っていたんですが
今回
少し前にイノセントというスキンが新しく加わり
とても気に入ったので、こちらに決定！
シンプルで落ち着いた色合い。
アイコンもおしゃれで落ち着いた印象なので
女性は好きな方が多いんじゃないでしょうか？
前から気になっていた
インデックスの２カラム表示もデフォルト設定になっていたので
それも気に入ったポイントでした。
※記事一覧が２列表示になっているものです
メインカラー
使用カラーは４色までにまとめて
ページに統一感が出るようにしました！
を使って選んだカラーは
開いてもらうと分かると思いますが
このサイトは
ランダムに表示されるカラーを好きか嫌いかで組み合わせていくもの。
カラーの組み合わせが決まったら
右上のExportをクリックすると
URLかPNGの選択画面に変わり、そこから保存ができます。
他に試してみて、面白かったサイトは
khroma
まず自分の好みのカラーを５０色選ぶところからスタート
５０色ね！おっけー！
って感じでしたが
完全にナメてました。
５０色って意外と多い…
そしてよく似たカラーばっかり選んでることに気付く。。笑
後半になると
もう少し濃いカラーや○○系のカラーを選びましょう
など
仕上がりがより良くなるように
アシストしてくれるコメントが出てきました！
５０色選び終わると
様々な表示方法で好みの組み合わせを見つけることができます。
フォント
カラーの統一感に合わせて
ブログロゴやメニューバーなどのフォントも統一しました！
フォント選びは
有名なGoogle Fontから。
Sigmar One
というフォントで統一。
いろんな設定方法がありましたが
私はプラグインでGoogle Fonts Typographyを追加し
フォント変更をしました。
簡単だった！！
ただ、今気になってるのは
本文に使う英文のフォントはこのままでいいのだろうか…
というところ。。
なにか
アドバイス、オススメがあれば教えてください！笑
地味に、本文のカラーも変更！
以前はブラックにしていたんですが
濃いめのグレーに変更し
印象を少し和らげるようにしました。
細かいけど、こだわり部分
今回
ブログのロゴも新しくしたので
それにともなって、アイコンもチェンジ！
これです。
そして
お手持ちのスマホのホームスクリーンに追加してもらうと
こんな感じで
このアイコンが現れます！笑
ぜひ！
お持ちのアプリの並びに置いてやってください。笑
参考にしたサイト
はじめにも書いたように
今回、トライ＆エラーを繰り返す中で
たくさんのウェブサイトにお世話になったんですが
その中でも１番参考にさせてもらったのが
両方オシャレでとても見やすいサイトです。
ブログのデザインについても書かれているので
こちらのサイトのリンクから
いろんなサイトに飛ばせていただきました。
ありがとうございました！！
以上。
今回のアップデートでした！
まだまだ課題盛り沢山。。
でも、コードはなかなか興味深いです。
あとは
もっと記事が増えてきたら
カテゴリーをもう少し細かく分けたりもしたいなー
ただでさえロックダウンなのに
今週は雨が続きそうなので
おうちにこもってブログをもうちょっといじってみようと思います。
ブログランキング参加しています！
応援クリックよろしくお願いします♬
↓ ↓ ↓
コメント