こんにちは。2019年5月にブログを始めたばかりのカスタマイズ大好きしゅーれいです。
開設2ヶ月用の記事としてまとめていたのですが、カスタマイズ関係がすごく多かったので、別の記事にしました。
- メニューバーを設置した
- 問い合わせフォームを設置した
- プライバシーポリシーをaboutページに書いた
- 記事を読む時間を表示するようにした
- 更新日を表示できるようにした（2023.8はてな公式機能で追加）
- サイドバーの見た目を修正した
- プロフィール表示を変更した
- まとめと感想
メニューバーを設置した
以下の記事の通りです。
問い合わせフォームを設置した
Google formで問い合わせフォームを作成しました。
無料はてなブログなので固定ページが作成できないため、メニューバーから直接リンクを飛ばしています。
プライバシーポリシーをaboutページに書いた
これはカスタマイズではないんですが、プライバシーポリシーを書くところがなかったので、唯一の固定ページであるaboutページにプライバシーポリシーを書きました。
新しく固定ページを作ってサイドバーに貼るのが正攻法らしいです。
Adsenseの「コピーされた記事」対策でプライバシーポリシーを画像にして貼っています。（Adsenseは通らないので諦めました。悔しいのでお酒やギャンブル関係の記事を積極的に書きたいです。笑）
aboutページはこちら↓よかったら見てみてください。
記事を読む時間を表示するようにした
コピー先のリンクが無くなっちゃったので、備忘でHTMLとCSS貼っておきます。
HTML「記事上」に記載
<!--記事読む時間表示-->
<script type="text/javascript">
addEventListener('DOMContentLoaded', function() {
var wpm = 500;
var length = $('.entry-content').text().trim().replace(/[\n\r]/g,'').length;
var message = '<p style="font-size: 80%; color: #999999; text-align: right;">この記事は約'+ Math.ceil(length/wpm) +'分で読めます。</p>';
$('.entry-content').prepend(message);
}, false);
</script>
CSS
文字が表示されているだけなので特に記載なし。
今は 500文字／1分で設定しています。
更新日を表示できるようにした（2023.8はてな公式機能で追加）
更新日が表示されると、記事の信用度が上がります。
あと、自分で管理しやすくなるし、古い情報は更新しなきゃという気持ちになるので、ぜひ設置してみてください。
2023年8月からはてなブログ公式機能として追加されたため、「デザイン」 > 「カスタマイズ」＞「記事」>「最終更新日」の「最後に更新した日付も表示する」にチェックを入れるだけで、表示されるようになりました！
カスタマイズの時に使っていたコピー先のリンクが無くなっちゃったので、備忘でHTMLとCSS貼った記事が以下になります。
サイドバーの見た目を修正した
サイドバーのフォントを変えたかったので、以下の記事を参考にサイドバーをカスタマイズしました。合わせてアイコンも表示されていい感じです。
プロフィール表示を変更した
プロフィール画像がぼやけていたので、サイドバーのプロフィール表示を変更しました。
html表示にすると、サイドバー表示のカスタマイズで、プロフィールの前に表示させるようにしたアイコンが消えてしまったので、代わりに音符にしました。ガジェット名を「プロフィール」から「♪ プロフィール」変えるだけという、明らかにコード分からない人の対応をしました。アイコンの人型はなんだかいかり肩っぽくてかわいくないので、音符の方が気に入ってます。笑
この記事でやり方紹介してます。↓
まとめと感想
カスタマイズのまとめ記事でした。
はてなブログでブログを開設して、初めて自分のページを見たとき、インターネット上に自分のページがあるのに感動しました。誰もが見られる場所に、私が書いた文章が公開されている、と興奮しました。自分のページが嬉しくて仕方ないです。
はてなブログは、分からないなりに自分の好みに合わせたカスタマイズができて、とても楽しいです。一通りいじり終わったので今はちょっと落ち着いています。改善の余地は多々ありますが、自分のページがすごく好きです。はてなブログ始めてよかったなぁ、という気持ちです。
はてなブログに感謝です。
みなさんも、はてなブログを楽しくカスタマイズしてみてください。
