晴歩雨描

晴れた日は外に出て歩き、雨の日は部屋で絵を描く

はてなブログのトップページを記事一覧ページに変更

ホームページ、Web作成 はてなブログ

はてなブログのトップページを記事一覧ページに変更してみた。参考にしたのは、以下のページ。

有料の「はてなブログpro」なら、基本機能でトップページを記事一覧に設定できるが無料版ではできないので、JavaScriptを使う。

やることは、URLがブログのトップページなら、記事一覧のURL(トップページURL/archive)に置き換える。
ただ、スマホの場合、元々記事一覧形式が標準だし、".../archive"にしてしまうと広告表示などがおかしくなるので、iPhoneやAndroidスマホについては、置き換えをしないようにした。（※ その後、デザインテーマをレスポンシブ対応に変更した際に、このスマホを対象から除外する条件処理は外した。下記リンクの「はてなブログのテーマをレスポンシブ対応のMinimalismに変更」を参照。）

また、ページタイトルが「記事一覧 - ブログタイトル」になってしまうので、タイトルもブログタイトルに置き換えるようにした。

<noscript>は、あえて記述しないことにした。

設定手順は、「設定」→「詳細設定」の「headに要素を追加（「<head>要素にメタデータを追加」という名前に変更）」に以下のJavaScriptを記述。

<script>
// if (!navigator.userAgent.match(/(Android|iPhone|iPod|Windows Phone)/)) {
	if (location.href == 'https://2ndart.hatenablog.com/') {
		location.href = 'https://2ndart.hatenablog.com/archive';
	}
	if (document.title == '記事一覧 - 晴歩雨描') {
		document.title = '晴歩雨描';
	}
// }
</script>

その後、HTTPS化に伴い、JavaScriptを一部修正。HTTPS化については以下。