はてなブログカスタム!見た目に統一感を出しつつ解析ツールも入れてみる2016-05-06はてなブログカスタム!見た目に統一感を出しつつ解析ツールも入れてみるはてなブログシェアするBookmark!FacebookTwitterGoogle+Pocketはてなブログの仕組みもだいぶわかってきたので、見た目と利便性の向上を兼ねていくらかカスタマイズを行いました。落ち着いたので備忘録も兼ねて第一弾としてまとめておくことにします。平米」の両方に設定しています。Console(旧ウェブマスターツール)テーマの選定ブログエントリからはてなIDを完全に消すフォローボタンをカスタマイズシェアボタンをカスタマイズ解析系ツールの導入アクセス解析と検索トラフィックの設定を後からやるのも面倒だったので、立ち上げを機にとりあえず設定しました。このへんのサイトを参考にさせてもらってます。Analyticsに行って新しいアカウントを登録。ここでいうアカウントはgoogleのアカウントではないので、ブログの種類ごとにアカウントを分けるといいかも。アカウントの下に新しいプロパティを作成。ここでいうプロパティが1つのブログに相当します。Consoleの所有権確認で「別の方法」タブを選び、「HTMLタグ」を選択して「確認」を押す。表示されたmetaタグの中からダブルクォーテーションの中だけ(下記でいうXXXXXXの部分)をコピー。ブラウザでやろうとするとうまくいかないので、メモ帳などに全体をコピーしてから一部をコピーしなおすといい。Consoleに戻り、「クロール」→「サイトマップ」→「サイトマップの追加/テスト」を押して「sitemap_index.xml」と「sitemap_index.xml」の両方を追加する。ノーマークだった超ニッチな情報のページにアクセスが集中していて面白いですね。今後、個人のSNSや別のブログとのつながりを強めてきたときに威力を発揮しそうです。テーマの選定いろいろ調べまくったのですが、結局「Innocent」と「DUDE」の2つにしました。はてなブログこのあたりは完全に好みだとは思いますが、僕は2カラムレイアウトが好きなのでどちらも採用。走り出しなので今後も変えていく可能性はあります。ブログエントリからはてなIDを完全に消す実は、はてなにブログを立てるときにIDの文字入力を間違えてしまい、なんと「mamohacy」ではなく「mamoahcy」にしてしまいました。このまだとSEO的にも微妙ですし、そもそも混乱の元になりそうだったので、ブログに表示されているすべてのはてなIDを消すことにしました。ブログヘッダ/フッタ、記事下、ブログ下部のプロフィールこれら全部が完全に削除されます。ちなみにはてなProに契約していない状態でこれをやると怒られるらしいのでフリーで運用している人は注意してください。ちなみに、僕の場合はPC版のプロフィールページをサイドバーに出しているので、そこに本来のハンドルネームをあえて記載してあります。フォローボタンをカスタマイズPC版のプロフィール欄の下とスマホ版の下部に、各SNSのプロフィールページに飛ぶボタンを設置します。↓これです下記ページを参考に設定しました。手順が結構手間(というよりCSSを置く場所がちょっとわかりにくい)なので良く読んだほうがいいです。www.ituore.comシェアボタンをカスタマイズはてなのシェアボタンは統一感もなくバラバラででダサいので同様にシェアボタンもカスタマイズします。↓これです下記ページを参考に設定しました。こちらも手順がやや分かりにくいで良く読んで作業してください。www.ituore.com使い勝手が向上の同時に、ブログ全体のデザインに統一感が出ました。デザインはまだまだの部分があるので時間ができたらもうちょっと作り込むと思います。»Profile@mamohacy(まもはしぃ)国内通信会社勤務/本業はPublicクラウドを中心としたIT技術動向の把握と自社への適用戦略の策定と推進。趣味は家族旅行とクルマ弄り。静岡県在住の二児の父。※ここに書かれた内容は個人的意見であり、所属会社の見解・意向とは一切無関係です。(1)月別アーカイブブログ記事を検索スターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。