はてなブログのヘッダ画像のデザイン方法。勝手に人のブログのヘッダ画像をデザインしてみた。

こんばんは

無性にデザインの仕事がしたい！

無職のうさぎたんです。

 

今お絵かきにハマっています。

 

※ちなみに使っている絵を描いてるパソコンは、SurfacePro2です。 

 

そして、今、無性に、デザインの仕事がやりたいんです！

しかし、実績もないのに、デザインの仕事の依頼ってこないと思うんですよ。

なので、勝手に人のブログをデザインしてみました。

 

怒られなさそうな人を選考する。

こういうのって、人によっては、勝手にやると怒る人いると思うんです。

勝手に無職コンサルで学びました（笑）

blog.gyakushu.net

 

 

なので、慎重に選考しました。

以下の基準で選んでみました。

 

・あまりヘッダ画像にこだわっていない人

・怒られなさそうな人

 

うさぎたん画伯にデザインしてもらえる幸運なブロガーを紹介！

うさぎたん画伯に無料でデザインしてもらえる幸運なブロガーは、こちらです！

 

 

・関口　えりこさん (id:seki-eri) 

seki-eri.hatenablog.com

 

うさぎたん信者だと思われます。

言及がすごい飛んできます。

なので、多分怒られないと思います…

 

・hachiさん (id:roll8) 

www.roll8.xyz

外向的で心が寛容な方です。

（昔は、かなり荒ぶっていたようですがｗ）

なので、多分怒られないと思います…

 

・きよねこさん(id:kkvv)

www.catkiyo.com

熱狂的なうさぎたんファンだと思われます。

かなり、怒りっぽいです。

怒られてもいいかな…

 

スポンサーリンク


 

 

 

「すきものぐらし」のブログをデザイン

女の子っぽさをイメージしてデザインしてみました！

 

 

ファイルは、ここに置いておきますので好きに使ってください！

（気に入らなかったら、使わなくても結構ですｗ）

 

「未分類なブログ」のブログをデザイン

知的感あふれる日記をイメージしてデザインしてみました！

 

 

ファイルは、ここに置いて置きますので好きに使ってください！

 

 

「きよねこ」のブログをデザイン

 きよねこさん特有のクレイジーっぽさを表現してみました！

 

ファイルは、ここに置いて置きますので好きに使ってください！

 

 

 

ヘッダ画像の設定方法

一応、ヘッダ画像の設定の方法を簡単に解説します！

ダッシュボードから

・デザイン→ヘッダ画像→画像をアップロード→ファイルを選択

・表示設定→画像だけを表示にチェック

 

 

スマートフォンのデザインについて （12/27追記）

スマートフォンのヘッダがおかしくなるという報告がありました。

スマートフォン用に別途設定をし直さないと正しく表示されない可能性があります。

以下の手順で試してみてください。

・タイトル画像で同じ画像をアップロード

・表示設定→画像だけ表示

・サイズ→画像の高さにあわせる。

 

もし不具合が出た場合は報告していただけるとうれしいです。

 

デザインは難しい。

結構、頑張ったつもりです。

しかし、なかなか人のブログをデザインするのは難しいです。

どうしても、似通ってしまいます。

あとは、自分がこれはいい！っと思っても他人が見たときはいまいちだったりします。

今回も、どういう反響が貰えるのか様子をみたいと思います。

 

追記

反響いただけたので大丈夫そうなブロガーさんを追加でデザインしました！

愛菜 (id:minamanami)

www.minamanami.com

 

ファイルは、ここに置いて置きますので好きに使ってください！

 

 

 

かんどー (id:keisolutions)

www.kandosaori.com

 

ファイルは、ここに置いておきますので好きに使ってください！

 

 

追記。 

大変申し訳ございません。

誤字があったのと、かんどーさん（id:keisolutions）が４０歳になった時に対応できるように制作し直しました。

 

 

いつもストレッチ配信をツイキャスで拝見させていただいているちあき（@chiaki20160720 ）さんも作りました！ 

 

watashidemo.xyz

 

 

WordPressは、設定の方法がよくわからないので

この画像でできるかわからないのですが、もしよければお試しください。

 

リクエストがあったので

いつもお世話になってるｃｈａｎｔａｍ (id:chantam)さんのものをつくりました！

www.chantam.link

 

 

 

こちらの記事もどうぞ。

blog.gyakushu.net