ガジェレポ!

京都在住の中年サラリーマンブロガーです。主にMacやiPhone、ゲームなどの情報をレポートしていましたが、もうなんでもありの雑記ブログに変更。

季節にあわせてブログも衣替え!参考にしたサイトあれこれ。

f:id:gadgerepo:20161014233531j:plain:w640

ここ最近服を新調していないガジェレポ!@gadgerepoです。こんにちわ。

10月も半ばを過ぎ、めっきり寒くなって参りました。

10月といえば衣替え。ちょっと遅めではありますが、当ブログも衣替えしてみました。

ブログテーマは引き続き「DUDE(デュード)」

 

とはいうものの、今回ブログデザインを変更した箇所は主にPC版で……

  1. ヘッダー画像とグローバルナビゲーション
  2. フォローボタン
  3. 「オススメ記事」のワンポイントアイコン

と微々たるもの。(モバイル版はヘッダー画像のみ)

はてなブログのテーマも変えて“ガラッとイメチェンしようかな?”とも思ったんですが、現在使用中のテーマ「DUDE(デュード)」はかなり気に入っているのでこのまま続行。

ブログテーマ「DUDE(デュード)」を選択した経緯はコチラ。

www.gadgerepo.com

 

ヘッダー画像とグローバルナビゲーションの変更

 

ブログタイトルとなるヘッダー画像、以前の写真ベースからイラスト調へと変更してみることに。

そこでコチラのフリー素材サイトから、EPS形式画像のガジェット系アイコンをチョイス。

www.flaticon.com

それらを改変してタイトルロゴを作成、同じくEPS形式アイコンをバックにあしらえてテーマにある程度あわせたヘッダー画像を作りました。

使用ソフトはおなじみのアドビ イラストレーター

f:id:gadgerepo:20161014091158p:plain:w640

 

さらに、ヘッダー画像下のグローバルナビゲーションも、画像に合わせてフラットなデザインに変更です。

 

サイドバーのフォローボタンと「オススメ記事」のワンポイントアイコンを変更

テーマ・ヘッダー画像に対して、サイドバーのフォローボタンと「オススメ記事」のワンポイントアイコンがチグハグなのが気になる……。

というわけでコチラもイラストレーターで自作。

GIF形式画像で保存し、はてなフォトライフにアップロード、画像のURLをコピーします。

そして、はてなブログの管理画面に移動し「デザイン」「サイドバー」からサイドバーモジュールをHTML形式で設置。

以下の要領で書き込みます。

gistee803b409aa00a294cddd66ae6de28cb

はてなブログの読者になるボタンの設置については、コチラの記事を参照いたしました。作者様、ありがとうございます。

shiromatakumi.hatenablog.com

 

筆者が今回作成したフォローボタン各種です。

よろしければご自由にお使いください。











 

まとめ

 

ちょっとだけリニューアルした当ブログ。気持ちも新たにガンバるぞい!