こんにちは、こなきあです。
My blogを作り、更新するようになって、
無事に3カ月が過ぎました。
カスタマイズが3回目ということは、
月に1度はカスタマイズしていることになる?
カスタマイズする暇あったら、
ブログ書いたら?
1人でブツブツ言いながら、
今回もいろいろな方のブログを参考にさせていただき、
無事に、カスタマイズできました。
カスタマイズする作業時間も、
少しずつですが短くなってきました。
ブログを書くことが大事だとわかっていますが、
気分転換も兼ねて、カスタマイズしました!
今回のカスタマイズがあなたの参考になったら、
めちゃくちゃ嬉しいです!
ロゴを透過しても消えない段差
![](https://konakia.net/wp-content/uploads/2022/01/4ee78d9f18e776b45c69bc57b3bdecb8-800x287.jpg)
第3弾カスタマイズを決行した、
1番の理由、
ヘッダーのロゴがどうしても、
浮いているようになってしまう。
いろいろな方のブログを読み、
質問をして、回答をいただき、
何度も何度も挑戦しましたが、
どうしても消えない、段差。
これが、どうしても納得できなくて、
カスタマイズすることを決意しました。
canvaでロゴを制作し、
removebgで透過して、
同じくcanvaで制作した、
ヘッダーにロゴを入れるのですが、
何度やってもダメ。
ヘッダーも透過したら?
アドバイスを頂き、
ヘッダーも透過しましたが、
やっぱりダメ。
![](https://konakia.net/wp-content/uploads/2022/01/510e90217660a63d2c701271e25241f2-2.png)
ヘッダーのデザインも、
変更して、透過してみたり、
ブログ全体の色を、
薄紫、水色、淡いグレー
いろいろ変更してみましたが、
やっぱり、浮き上がる。
ヘッダーを透過すると、
線だけの花も、イラストの花も、
なんとなくぼやけてしまうので、
浮き上がるロゴ、
ぼやける花・・・にイライラ。
![](https://www13.a8.net/0.gif?a8mat=3N1P3L+G6VFK2+4M9K+61JSH)
全部変えてしまおう!
ロゴ、ヘッダーを透過してもダメ。
ブログ全体の色を変えてもダメ。
それなら、全部を変えよう!
ヘッダーにロゴも入れて作れば、
色を合わせるとか、
透過するとかしなくていいんじゃない?
全体を白色に統一したけれど、
やはり、ロゴの段差は消えず、
もう、別々に作るの止めた!
これまでのものを、
全て捨てて、
出来上がったのが、こちら。
![](https://konakia.net/wp-content/uploads/2022/01/7abf5d38e5d96ed120134f8e0a251600-800x387.png)
猫と観葉植物が並んだ、
素敵な線画を見つけて、
これにしよう!
ブログ全体の色も、
白色にしました。
線画はshutterstockで見つけました。
線画だけでなく、イラスト、写真、線画、
画材素材が豊富に揃っていています。
shutterstockで選んだデザインを、
ダウンロードして、
canvaでヘッダー制作。
サイズは1900×900で作りました。
背景が白色なら、
ロゴが浮かないのでは?
と思い挑戦してみましたが、
やっぱり浮く。
観葉植物の下に、
konakia Connect
フォント:源暎テラミン
フォントサイズ60
ロゴを作らず、
直接書き込みました。
アイコンとプロフィール
ココナラでアイコンを作っていただいたので、
納品されたその日に変更しました。
プロフィールも、
修正したいと思いながら、
なかなかできなかったのですが、
ちょこっと、修正しました。
![](https://konakia.net/wp-content/uploads/2022/02/3f83b607e6b2d055787f84250ff7f17f-800x406.jpg)
プロフィールは、
もう少し考えて修正する予定です。
スマホのキャリアを変更して、
すっかりご無沙汰だった、
楽天Roomも復活したので、
プロフィール欄にアイコンを表示させました。
まとめ
ブログも書きたいけど、
カスタマイズもしたい。
まずは、
ブログを書くことを優先!
そうは思っても、
気になる、ロゴの浮き。
ブログを書いてても、
プレビューで見るたび、
ロゴ浮きが気になり、
集中できない!
人から見たら、
大したことではないかもしれませんが、
気になりだしたら止まらない私。
ブログを書きながら、
息抜きにカスタマイズ。
ブログを書いてたから、
思いついたこともあったし、
ガラリと変えることもできました。
今回のカスタマイズも、
あなたの参考になったら嬉しいです。
最後まで読んでくださり、ありがとうございました。
![](https://www16.a8.net/0.gif?a8mat=3N1TT2+D8W9VM+2PEO+O720X)
Comment