【はてなブログのカスタマイズ】デザインの変更
今更ですが、、、デザインの変更をしました。
理由1.もっとかっこいいデザインにしたい
主人からの要望でおしゃれにしたいとのことです。
おしゃれになるかわかりませんが、とりあえず変更してみることにします。
理由2.ページ表示スピードを早くしたい
はてなブログの表示が遅くてイライラすることもあります。
ソーシャルボタンをカスタマイズしたものを導入することによって、少し表示する速度が改善すると聞きました。
理由3.簡単にかっこよくできるものがいい
ソーシャルボタンをカスタマイズしようとしていろいろ調べました。
が、結構手間がかかりそうな感じで、カスタマイズするのが面倒だなと…
そこで見つけたのが、人気1位の
これを取り入れてみることにします!!!
インストール
1.プレビューしてインストールを選択し、カスタマイズするブログを選択
2.ブログの表示を確認して納得できたら、このテーマをインストールを選択
サイドバーの表示変更
英語で表示されるとかっこいいかも
なので、英語に変更してます。
変更前:
1.デザイン>カスタマイズ>サイドバーを選択
2.検索>編集を選択し、タイトルを「Serch」と入力し適用を選択
変更されました。
他のサイドバーの表示を変えたい場合も、同じような手順で行います。
3.変更を保存を選択
これでサイドバーの変更は完了です。
ソーシャルボタン変更
なんだか表示ががたがたですよね。
変更前:
ずーと気になってました。
簡単に変更できるみたいなのでやってみます。
2.記事ページをプレビューを選択
3.変更を保存を選択
これでソーシャルボタンの変更は完了です。
と思い、ブログを確認してみると、シェアされた数が反映されませんね。。。
うーん、、、いったん元に戻してまた再挑戦です。。。
では、今日はここまで
追記:2016/8/24
シロマティさんにコード修正済みと教えていただきました。
リベンジしてみました!!!
値取れました!!
ありがとうございます!!
P.S.
速度計測も試しにやってみました。
これではかってみました。
gtmetrix.com
こっちは日本語で分析結果を返してくれるのでわかりやすいです。
PageSpeed Insights
カスタマイズ前のボタンで計測
カスタマイズ後のボタンで計測
少しよくなるようです