シンプルライフを目指すあやさんのブログ

断捨離をきっかけに人生が変わろうとする私のひとりごと。ミニマム生活を目指しています。

MENU

ブログのカスタマイズをしました【パソコン編】

f:id:aya-haseko:20170104082323j:plain

先日投稿したモバイル編に続き、今回はパソコン編です。

 またまた、はてな民の皆さまにご協力いただきました。ありがとうございます。

今回は一気に変えたのではなく、ちょこちょこ変えていたのでビフォーアフターはありません。( ̄▽ ̄)

変えたところ・つけ加えたところ

グローバルナビをつけた

f:id:aya-haseko:20170213094449j:plain

結構、色々なところで見るグローバルメニューをつけました。項目を選択すると反映します。

ちなみにタブレットで見るとこんな風になります。

参考にしたのはこちら。ゆきひーさんの記事はモバイル編も含めて結構参考にさせていただいています。

www.yukihy.com

目次のデザインを変えた

f:id:aya-haseko:20170213095227j:plain

実は、昨日までは壁紙がグレーだったのですが見づらい感じもしたのでこのような形に変えました。

欲を言えば、目次を収納できる設定をしたかったのですが上手くいかず…また今度やってみます。

フォローボタンをつけた

f:id:aya-haseko:20170213095518j:plain

まずは上の赤丸の部分ですが、すごく見ていてかっこよかったのでつけてみました。

しかし、これつけた時きちんとリンクが出来ていなくてもしかして皆さんフォローなどできなかったと思います。この場を借りてお詫びします。(現在はできる状態になっています。)

参考にした記事はこちら

georges.hatenablog.jp

問い合わせ用のバナーを作った

f:id:aya-haseko:20170208192622g:plain

下の赤丸部分でありますが、フォローボタンはあるのにお問い合わせだけないのはバランスが悪いと思ったので作りました。

GIMPという無料の画像加工ソフト使ったのですが、久しぶりにこういったソフト使ったのですごく大変でした。

いっその事、Photoshop入れて画像処理学ぼうかなと考えているところです。

GIMPとPhotoshopって使い方違いますからね。

forest.watch.impress.co.jp

はてなブックマークをつけた

f:id:aya-haseko:20170213100620j:plain

今更でございますが、つけてみることにしました。

コメントだと何というか返さないといけないような義務感を感じてしまったりするのですが、はてなブックマークであれば読んでもらえる人も増えるだろうし返事をしなきゃいけない義務感も減るだろうと思いましたので...。

というか、ブログ始めて半年以上が過ぎるのに未だにはてなブックマークの使い方よくわかっていなかったりする。ネットの世界は進化しているな(^^;

アフィリの配置を変えた

これまでサイドバーにamazonのバナーを、ヘッダーにgoogleのバナー入れていたのですが配置を変えました。

グローバルメニューを入れることにしたのも理由ですけどね。

バナーを並列に並べることについてはこちらの記事を参考にしました

www.useful-notes.com

記事下をMilliardに変えた

f:id:aya-haseko:20170317145135p:plain

こちらのほうが見やすいかなと思ったので導入しました。

www.aya-simplelife.com

修正した日が自動で出るようにした

f:id:aya-haseko:20170317145309p:plain

リライトした時いちいち日付入れるのめんどくさくなったので(^^;

参考にした記事はこちら

www.tsubasa-note.blog

さいごに

というわけでこんな感じでデザインを変えてみたのですがいかがでしょうか。

あと、私がこだわっている部分を上げますとあまり負荷をかけないようにすることです。

具体的にやっていることはというと

  • 写真画像を圧縮する
  • なるべくプラグインを使わない

ということを今のところやっています。

WEBの勉強をしていた時も思ったわけでありますが、常に読み手の気持ちになって使いやすさ・見やすさを考えて作るように心がけています。

これが吉と出るかどうかはわかりませんが、もし使いづらいなと思ったらまたご連絡いただければなと思います。

 モバイル編はこちら

www.aya-simplelife.com