ブログのぷち修正

[2023/12/01]

最近、ブログへはX(旧Twitter)や検索から直接記事ページに来る人が多いです。自分も検索して目的の情報だけを見ることが大半です。

なので、あまり使われることのなくなったブログのトップページ。でも、なんとなく作り直したくなったので修正しました。

ブログトップページ

このブログはbloggerというサービスを使っていて、トップページに複数の記事の一覧を並べることができます。

ただし、無限に並べることは当然できません。次の記事を見るには、「前へ」や「次へ」のようなボタンを押す必要がある。

それをSNSのタイムラインのようにスクロールすると続きの記事が出てくるようにしました。

bloggerに設定にはこういう設定はないため自作です。

やっていることとしては、自分のブログのRSS（正確にはJSONですが）をJavaScript読み込んで動的に表示しています。

わかる人はソース見ればわかるので技術的なことは省略しますが、テンプレートっていって自作のJavaScriptも動かすことができるのはありがたいサービスですね。

それに合わせて、デザイン等も微妙に修正しました。

記事一覧の表示の方法が変わったので、合わせて検索・ラベルの修正が必要になり、右上のメニューもSEARCH（検索）のボタンに変更しました。

あと今までなかったのでお知らせ（NOTICE）へのリンクも追加。

トップページが縦長になることがあるので、右下の「上にスクロールするボタン」の追加をしました。むしろ今まで付けてなかったのかって自分でも思った。

OGP

Xに記事をシェアした時にサムネイルが画像で表示されます。

OGPっていうんですが、Xの仕様が変わってしまい大きい画像が表示される設定だと、画像を添付したのと見分けがつきにくくなりました。

ブログ側の設定を変更して、記事がシェアされたことがわかりやすいものに変更しました。

さいごに

JavaScriptを理解したらいろいろできるようになって作るのも楽しい。