【SANGO】まいみゅーさんにブログヘッダーを作成して頂きました!

こんにちは、さくらたんです。

ブログのヘッダーが新しくなりました!

作成してくださったのは、ツイッターで仲良くしていただいているまいみゅーさん@maimuuseum

スマホ版だとこんな感じ。

パソコン版だとこんな感じになりました!

とってもかわいい!!!

わたしらしさも出ている(と自分では思っている)し、最高です。

作成までの経緯や困ったポイントなどをお伝えしていきます。

今後ヘッダー作成を考えている方の参考になれば幸いです。

経緯1:作成依頼まで

ブログの初期設定をしていたころから、「オリジナルのヘッダーが欲しい!」とは思っていたんです。

ただ、ブログの印象を決める大事なところなので、時間をかけてゆっくり考えたいと先送りにしてしまっていたんですよね・・・。

そしてある日、気が付きました。

「センスも絵心もスキルも皆無で優柔不断なわたしには一生作れない!」って。

そこで、プロの方にお願いしようと決めて、真っ先に頭に浮かんだのがまいみゅーさん@maimuuseum)でした。

まいみゅーさんとは、ツイッターでも仲良くさせて頂いており、イラストやブログの雰囲気がとても好きなんです。

経緯2:作成依頼

ちょっとドキドキしながら、ツイッターのDMで連絡をすると、

「さくらたんの作れるのめっちゃうれしい!」

といううれしいお返事を頂きました。

イメージを聞かれたので、

・雲
・猫
・虹

を入れてほしいとオーダー。

ついでに、ざっくりとしたイメージも添付。

絵が下手なのと、字が下手なのと、なぜか猫から虹が生えていることは気にしないでください。

ちなみに、

雲・・・ふわふわ感がほしい
猫・・・わたしが猫っぽい
虹・・・7月16日(なないろ)生まれ

という意味が込められています。

経緯3:完成まで

まいみゅーさんは、とっても仕事が早い方で(レスポンスも早い!)、

料金の振込をした翌日には、おおまかなイメージを作って送ってくださいました。

めちゃくちゃかわいい・・・!

しかも1つ目は、グラデーションになっているんです。

わたしの設定スキルなどの問題から、グラデーション案は断念してしまったのですが、本当に捨てがたかったです。

これを見て「まいみゅーさんにお願いしてよかったなぁ」と思いました。

経緯4:微調整

そのあとは、細かい調整。

・文字をやや大きめにしたい
・周りに余白を入れたい(イラストを中央寄りに)
・とら猫ちゃんver.が見てみたい

など、色々要望を言ってしまいました。

わたしも優柔不断だったり、知識がなかったりもして大変だったと思うのですが、やさしい言葉をかけて下さいました。

そんな中で、

まいみゅーさんが大きな虹ver.を提案してくれたりして、

最終的にこちらのヘッダー画像に決まりました。

困ったポイント

ヘッダーを作成するにあたって、困ったポイントがヘッダーのサイズでした。

わたしは、WordPressテーマのSANGOを使っているのですが、SANGOのヘッダーサイズを調べてもいまいち分からず。

・上條先生(@MinatoWorks)に聞いてみたり、
・SANGOユーザーさんのブログを見まくったり(参考サイト)、
・ググったりググったりググったり…

して以下のように作っていただきました。

・画像サイズは、2400×500
・余白を入れる(イラストを中央寄りに)

・透過処理をする

余白と透過は、設定やレイアウト変更がしやすいように保険をかけました。グラデーション案を断念したのもこれが理由です。

それから、以下のサイトを参考に、CSSで横いっぱいに表示できるように設定しました。

参考 ヘッダーのロゴ画像を横いっぱいに表示するカスタマイズ

このCSS入れた後、反映されるまでに1日ほど時間がかかりました。

キャッシュのせい?ウェブに疎いわたしには謎ですが、無事に反映されたので良しとします。

ちなみに、透過処理済みのヘッダーを使っていますが、背景あり(単色)ver.でも見え方は変わらなかったです。

まいみゅーさんへの依頼はこちら!

まいみゅーさんにお願いしたら、とても素敵なヘッダーが完成しました。

まいみゅーさん自身もブログを運営されており、まいみゅーさんの世界感を覗くことがが出来ますので、是非チェックしてみてください!

・ブログ:まいみゅーじあむ
・ツイッター:@maimuuseum