感想みかん

感想、レビュー、実体験等を書くブログ

このブログで使っているカスタマイズ一覧

2018年1月18日更新

このブログで使っているカスタマイズを一覧にしました。
使っているというよりは使わせて頂いているものがほとんどです。
これらを適用すると僕のブログとだいたい同じ形になります。

自分で自分のブログに適用したのにこれなんだっけ?と忘れて行ってしまうので、備忘録も兼ねて一覧にすることにしました。
何か変更したら随時更新する予定です。

テンプレート「Blooklyn」

Brooklyn - テーマ ストア

はてなブログの超便利なデザインテーマ「Brooklyn」を作りました - NO TITLE

はてなブログの設定

  • 記事はMarkdownで記入(iPadのはてなブログアプリも同様に設定)

  • トップページの表示形式(PC版)→一覧表示、キーワードマッチをはずす

デザイン関連

グローバルナビの小さいアイコン=Font Awesome

Font Awesome Icons

設定→詳細設定→CSSに次の1行を入れる。

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">

デザイン→ヘッダ→タイトル下 のグローバルナビにFont Awesome Iconsの中から好きなアイコンを追加する。

例) なら、以下の分を途中に挿入する。

<i class="fa fa-gamepad" aria-hidden="true"></i>

1文全部書くと、
<li><a href="http://www.kanmika.com/archive/category/xxxxxxxx"><i class="fa fa-gamepad" aria-hidden="true"></i> ゲーム</a></li>

しかしブラウザのコンソールで見ると混在コンテンツというエラーが出るので、真似しない方がいいかも。直し方はわかりません。

関連記事をサイドバーから記事下に移設

はてなブログで記事下に関連記事を出すカンタンな方法 - ボクココ

はてなブログに標準装備された、サイドバーを記事下に移設する機能とは違う方法でやっています。理由は、こっちのほうが位置に自由が効くからです。

目次に「目次」という文字を追加し、項目に数字を自動で降る

項目の前に自動で付く中黒が不格好で嫌いだったので。

色々ググりましたがこちらを参考にさせてもらいました(色々ぐぐったので、どれかわからなくなってしまいましたがたぶんこちらです)。

はてなブログの目次のデザインをCSSで変更する方法 - すずろぐ

トップページのスター表示を廃止

(2018年1月17日追加)

こちらのブログを参考にさせて頂きました。

【コピペCSS】トップページのはてなスターを消すべき理由とそのやり方 - どろんこあそび

サイドバー関連

Google カスタム検索

カスタム検索エンジン

本当は検索窓はスマホでは追尾する形にできたら理想なんだけど、僕の知識では無理なのであった。

サイドバーのアーカイブなどのタブ化

はてなブログで複数のサイドバーモジュールをタブメニューにして回遊率アップを狙うカスタマイズ - Yukihy Life

人気記事のタグについては僕の雑記ブログの場合はいらないと判断して外しました。

ブログ解析関連

Google Analytics

Google アナリティクス - モバイル、プレミアム、無料のウェブサイト解析 – Google

Google Search Console

Google ウェブマスター - サポート、学ぶ、つながる、Search Console – Google

Bingウェブマスターツール

Bing - Web マスター ツール

BingウェブマスターツールについてはID作って登録したもののほぼ使っていない。

広告関連

特定のページだけアドセンスを非表示にするテクニック

AdSenseコードを残したまま特定のページで広告を非表示にするJavaScriptプラグイン「AdSense Filter」を自作した - はぴらき合理化幻想

指定タグを付けたページにAdsense広告が表示しないスクリプトを書いてみた - ゆとりずむ

苦戦したけどできた。「Serious」タグに適用。

使ってないけど気になるカスタマイズ

更新日時自動変更

やるか迷い中。

リライト好きな方へおススメしたい最終更新日を自動で表示するカスタマイズ – つばさのーと

外したカスタマイズ

Google ウェブサイト翻訳ツール

万が一、海外の人が見る用にパーツをつけてみた。

https://translate.google.com/manager/website/?hl=ja