mnemo | closed

2018年末にお引越し予定

当サイトは移転しました。

約3秒後に自動的にリダイレクトします。

【備忘録】はてなブログ初心者による自分のためのカスタマイズ集

f:id:ohiroi:20180505203408j:plain

このページの位置づけ

当ブログの中の人は、ブログ管理に関して、コピペ以外何もできない、全くの素人・初心者です。

そのため、当ブログは、諸先輩方の知恵・ご厚意によって100%成り立っています。

このページは、そのような知恵・ご厚意を参考に、当ブログをどのようにカスタマイズしたかを備忘録として残したものです。

この場を借りて、参考にさせていただいた皆様に感謝申し上げつつ、当ブログの見た目等がコロコロ変わることについて、ご理解を賜りますと幸いです。

 

(公開:2017年3月18日、最終更新:2018年8月15日)

 

 

使用しているテンプレート

「Minimalism」(codomisu)を使用しています。シンプルなレイアウトで、レスポンシブ対応なところが、お気に入り。

〔参考〕

シンプルで美しいはてなブログの新テーマ「Minimalism」を公開しました。 - ひつじの雑記帳

 

カスタマイズしたところ

フォントサイズの変更

小さい画面でも見やすくなるようフォントを大きめ(16px)に設定しています。googleは、16px以上を推奨しているとのこと。

.entry-content {
font-size:16px;
}

テーブルの線非表示、中央寄せ

この方が見やすいかなぁ、と趣味の世界です。

.table-css, .td-css {
border-style:none;
margin:0 auto;
}

画像のセンタリング

こちらも同じく趣味の世界です。

.hatena-fotolife, .http-image {
display: block;
margin: 0px auto;
}

シェアボタン

とてもシンプルで軽いです。

〔参考〕

はてなブログでめっちゃ動作の軽いシェアボタン作った! - 技術を磨くだいぱんまん

Google Adsenseの設置

ささやかに?記事下に2個配置しています。また、スマートフォンでは、広告が2つ入ると鬱陶しいと思うので、1つだけ表示されるようにしています。

〔参考〕 

【Adsense】はてなブログで記事下ダブルレクタングルの設定をしてみたよ - ボム君.com

はてなブログでアドセンスを2つ横に並べて表示させるダブルレクタングルをコピペで簡単に設置する方法 - ビジログ

コピー、画像リンクの無効化

正直なところ、悩んでいます、、、 

body{
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-webkit-user-drag:none;
-khtml-user-select:none;
-khtml-user-drag:none;
}

 .hatena-fotolife {
pointer-events: none;
}

 〔参考〕

ブログ記事のコピーと右クリック禁止でパクリ転載防止する方法 - うさもふ-

はてなブログでカスタマイズしてきたこと【まとめ】|いまいちど

 

リダイレクト

サイトのURLを新しくしたたため、記事のリダイレクトを行ってみました。

〔参考〕

はてなブログから引越し後のはてなブログのリダイレクト設定方法 | 羽田空港サーバー

 

まとめページ

検索していると、結局行きつくサイトだったりします。

〔参考〕

当ブログで行ってきたはてなブログデザインカスタマイズまとめ! - Yukihy Life

必見!はてなブログのカスタマイズを一気に紹介する - NO TITLE

【コピペOK】はてなブログカスタマイズで初心者が簡単にできるものまとめ | むーびんぐ