ken-j’s diary

『ブログのこと』『メンタルのこと』『走ること』『仕事のこと』そして、日常のことが織り込まれたブログです。ごゆっくりどうぞ!

【ブログ デザイン変更】超初心者向け。1日で出来るブログのデザイン変更。実際にやってみた事〈3つ〉を紹介します。

ブログの運営をしていく上でどうしても気になってくるのが「ブログデザイン」ではないでしょうか?

 

このはてなブログではもともと使いやすい仕様になっているのではと感じますが、沢山のブロガーさんの記事やトップページを見ていると「これはいいな!」とか「こうすればよりよくなるのか!」といった有益なものがたくさん見られます。

 

そこでこの度『1日でできるブログデザイン変更』という事で記事にしていきたいと思います。

多分出来る人だったら1時間?いや30分もかからずで出来てしますのではないでしょうか。

 

1日というのは大袈裟ですがなんでそんなに時間が要するのかと言うと

ど・れ・に・し・よ・う・か・な・?

と思うはずだからです。

これから紹介するものを素直に取り入れればそんな時間はかかりません。

ですが、おそらく迷うでしょう。

だから1日じっくりと腰を据えて検討するのもよいかもしれませんね。

 

当然ですが紹介するテーマはそれぞれ目的があります。

その目的を提示しますが、該当しない場合はやらなくてもよいかと思います。

(ちなみに全て他力本願です。ご了承下さい。)

 

ではいってみたいと思います。

 

ブログアイコン画像の変更

≪目的≫より早く認識してもらいやすくする。

これまでたくさんのブロガーさんやTwitterをやられている方の投稿を閲覧してきました。

それぞれ特徴のある文章と内容、そしてペンネームがあるので識別していますがどうしても『顔』が見えない世界です。

最初の内は誰がどんな記事を投稿しているのかよくわからないままでした。

そして今でもお付き合いの浅いユーザーさんの認識は薄いままになっております。

 

そんな中でいち早く認識できたユーザーさんたちがいました。

そう、アイコンに特徴があったんです。

動物であったり似顔絵であったりと様々でありますがとにかく認識がしやすく「〇〇さんの投稿だからちょっと見ようか」なんて感じで目に付きやすいと感じました。

 

だから

変えます。

どうせなら自分の顔に近い似顔絵で作ってみたいと思いましたので作ってみました。

今回使用したサイトはここです。

charat.me

 

今後認識して頂く為にも変更前と変更後を載せますね。

アイコン変更前

f:id:ken-j:20190708230244j:plain

 

今まで小さかったのでよくわからなかったと思いますが影絵だったんですよ。

ぼくにとっては大切な思い出の1枚ですが、認識されるには弱いと感じます。

 

変更後

f:id:ken-j:20190708230453j:plain

素材の中で自分の特徴を捉えるために鏡を見ながら作成してみました。

実物はもっと白髪交じりなのですが、そこはちょっとフィクションをいれさせてもらいます笑

 

これからはこのアイコンを統一でやってみたいと思います。

 

はてなブックマークやTwitter連携ボタンをオリジナルデザインにする

≪目的≫表示スピードの高速化と特徴的なデザインにするため

まず結論からいいます。

表示スピード高速化については微々たるものでした。

この数値は次の項目と一色丹になっているので次で紹介します。

 

そもそもなぜオリジナルデザインにしたかというと最初から用意されている「はてなブックマーク」とか「Twitter」ボタンはサイトの表示スピード遅延に繋がるらしいのです。要するに重くなります。

ですので、変更する事にしました。

 

参考にさせて頂きましたブロガーさんの記事を掲載していきますね。

[LIABLIFE]様

blog.kaerucloud.com

 

ここには多くのブロガーさんが作ったフォローボタンが掲載されています。

ぼくは一番上の「ゆきひー」さんのものを使わせて頂きました。

 

トップページの「はてなスター」と「ブックマーク」の非表示

≪目的≫表示スピードの高速化

取り組み結果は上の項目とまとめた報告ですが微妙です。

ちなみに、変更前「28」→変更後「30」

でも戻す必要もないと思うのでそのまま続行です。

 

ブログ内ではどの部分が変わったのか。

画像で説明します。

f:id:ken-j:20190708235946j:plain

そこまで気にする事のない部分だと思われますが、よければやってみて下さい。

 

紹介して下さったブロガーさんの記事をのせておきますね。

・・・と言いたいところなのですが、おそらく「あおみな」様の記事を参照しました。

(たくさん閲覧させてもらっている中でごちゃごちゃになってしまいました)

www.aominablog.com

 まとめ

 最後の方はぐたーってなってしまい申し訳ないです。

基本もわからないままにやっているので、こんな感じになってしまいました。

 

気を取り直してまとめていきます。

人それぞれブログを書く目的と言うのは違うと思います。

ですが、原点を辿れば

「誰かに見てもらいたい」

という所は皆共通するのではないでしょうか。

その為に

目立つようにする。

表示スピードを上げていく。

検索した時に見つけてもらいやすくする。

などといった作業をするんですよね。

 

たかがwebログ(略してブログ)、でも突き詰めればすごく奥が深いこのブログ。

時には気が滅入る事もありますが、こうやって少しずつカスタマイズを行っていくことで楽しみも増えていくのではないでしょうか。

このブログもenjoyできるブログの1つになる糧になってもらえればと思っております。

 

最後までお読み頂き有難う御座いました!