入社祝金最大60万円!期間工の応募は期間工.jpで!

ブログの背景色変更とヘッダ画像にマスコットキャラ設定しました

どうも!コウです!

後2日で連休突入しますよーー!!
明日が定時なので、今日が連休前の山場になります
恐らく残業2時間コースなので気合い入れなければ・・・・!

気合い入れないといけないんですが、昨日帰宅後飯食ってブログ巡回していたらそのままパソコンの前で寝落ちしてしまい、気付いたら23時回っていたんですよ!(3時間くらい飛んだ)

寝落ちなんて今までほとんどしたことなかったんですけどね
最近結構多いんですよ帰宅後の寝落ちパターン
これも老化なのかな?

結局そのまま寝れずに3時位までブログいじったり記事書いたりしていたので恐らく今日は瀕死状態の勤務になるでしょう

久々にモンスターエナジーの力を借りることになりそうです
相変わらずカフェイン摂取すると頻尿問題勃発するんですけどね・・・・

10連休というご褒美を餌にして、とりあえず今日一日頑張って乗り切りましょうかね!

 

ブログの背景色変更とヘッダ画像にマスコットキャラ設定しました

 

ブログに違和感を覚えた人がいると思いますが、深夜のテンションでブログのデザインいじりました

・背景色の変更
・ヘッダ画像の設置

やった事はこの2つです

カスタマイズって程の事でもないので、カテゴリは日記に設定しましたよ

追記

・リンクを目立たせるCSSを導入しました

カテゴリをブログ運営-カスタマイズに変更

 

背景色の変更

 

今まで背景色は白背景だったんですが、

なんかしっくりこないなー
ありきたりで面白くないなー

なんて事を思っていたんですよ
なので、期間工の道のテーマカラーであるオレンジとの相性が良さそうな色に変更してみました

 

変更前

f:id:kikankou-kou:20171227015247p:plain

 

変更後

f:id:kikankou-kou:20171227014821p:plain

 

どうでしょうか?

個人的には結構しっくりきているんですがいかがでしょうか?

当然、字を読むという点を考えると

白背景+黒文字

が1番適しているというのは理解しています
でもそれじゃ面白くないんや!!

っていう勢いだけで変更してしまったんですけどね?
一応自分でPCとスマホ両方チェックしてみた感じでは問題なく記事は読むことができたんですが、やっぱり白のほうがいいですか?

 

背景色をこのままで記事の部分だけ白背景にするっていうのがベストかと思うのですが(はてなブログだとヒトデ祭りさんのブログデザインがそんな感じですよね)そうなってくるとブログのテーマから変更しないといけないので大仕事なんですよね
個人的には今使っているテーマは気に入っているのでこのままで行こうと思っているんですが・・・・

 

この点は読者様の意見をお待ちしておりますので、コメントしてもらえると幸いです
以前のほうが良かったよー
とか
新しい方がいいよ!
とか

意見貰えると助かります

見やすく読みやすく楽しいブログにしていきたいのです

 

・ヘッダ画像の設置

 

ヘッダに以前ココナラで依頼した期間工の道のマスコットキャラを設置しました

ココナラの依頼について詳しくはこちら

 ↑これが今回新しく導入したデザインです
CSSを利用しリンクをより目立たせクリック率が上がるようにカスタマイズしました
背景色変更後の見た目とも相性が良く気に入っておりますよ

上記と同じ画像ですが、こんな感じになりました

 

f:id:kikankou-kou:20171227014821p:plain

 

とりあえず配置しました!!

みたいな感じになってしまったんですけど・・・・
オリジナルブログっぽくなったのはいいんですけど、思ってたのと違うんですよ
これだとせっかくの猫耳とヘルメットが隠れてしまうのが勿体無いんですよね
せっかく素晴らしいイラスト描いてもらったのにこれじゃ宝の持ち腐れですよ

後、ど真ん中に来ちゃって文字とかぶっちゃってるのをなんとかしたい

 

f:id:kikankou-kou:20171227015043j:plain

 

こんな感じで右側にこのキャラを寄せて被らないようにしたいんですが、やり方がわからないのです!

はてなブログの設定では範囲指定しかできないので、上記の問題点を解決するには

キャラを縮小させて右側に寄せた画像を用意しないといけないのかな?

ちょっとこの辺も詳しい人いたらコメントしていただけると幸いです
文章は書けますが画像編集とかさっぱりなんですよね
Windowsからペイント無くなってもうどうすればいいのかわからないようなレベルですので
私のペイント返してくれませんかね?

まぁ正直このままでもいいんじゃねーの?って思って勢いで公開してしまった私の駄目な性格が出てしまっているのはあまり触れないでください

 

ただ改善方法が分かったら連休中に時間かけてでもなんとかしますので是非コメントかTwitterでご教授くださいませ

 

 

上記の問題点も含め、連休を利用してブログのデザインを見直そうと思っています
少しでも見やすいブログになるように頑張りますので楽しみにしていてくださいね!

 

 

 

 

6 COMMENTS

uenoyou111

おおー!とてもいいですね、この色なら白背景+黒文字じゃなくても十分見やすいし、温かみというか親しみが出ますね。
こっちのほうがヨシ!です( ・`ω・´)
ヘッダーは、縮小して右側に寄せた画像を用意するのが早いですかね?
ただ私の場合、最初は背景色を付けた画像を用意してたのですが…何故か両端が切れちゃいまして。
CSSで色を後付するとか色々と試しましたが、どうやっても修正できなくて。
仕方ないから、切れても溶け込むように白背景にしました( •̀ㅁ•́;)
あとすごく個人的にですが、コウさんのブログ読み終わったあとにブクマしたいなぁーと思うと一番上に戻らなきゃいけないんですよね。
読み終わって下にあったらすぐブクマ出来るのになぁ〜なんて思ったりします( ・`ω・´)
長々と失礼しました( •̀ㅁ•́;)

返信する
kikankou-kou

>うえのゆう (id:uenoyou111)さん
貴重なご意見ありがとうございました!
とても参考になります
デザインはこれでいきたいと思います!
ヘッダーは白背景にしないとおかしくなるみたいですね、ややこしいのでこのままにしておこう(ぇ
記事下にもSNSメニュー設置しました!
これでブクマし放題ですよ?!
うえのさんのブログはデザインも良く記事も面白いものが多いので応援しています!
雑記ブログの特性上マネタイズが難しそうですが、どうやって収益上げていくのかを見守っていますよー!
お互い頑張りましょうね

返信する
サンクスの常連客

個人的には、句読点や改行を入れて文章を入力して欲しいです。
文章の区切りや締まりが分かりづらく、不親切な感が否めないです。読み易くしてもらえると助かります。
背景色はいい感じですね。

返信する
kikankou-kou

>サンクスの常連客さん
読みにくいですか?
私の文章は結構句読点と改行多い方だと思うのですが
文章力については色々本を読んで研究中ですので、長い目で見てもらえると幸いです

返信する
サンクスの常連客

>コウ (id:kikankou-kou)
句点があるだけでも違うので、改善して頂ければ幸いです。

返信する
kikankou-kou

>サンクスの常連客さん
句点をつけていないのはわざとなんですよ
見栄えがスッキリするので
文章の区切りを改行で表現できるブログに句点は必要ないというのが持論です
申し訳ないですが、句点は今後もつけるつもりはないですよ

返信する

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA