ブログ開設から1周年、サイトをリニューアルしました

モリゾーです。定年を数年後にひかえたシニア予備軍です。

この5月でブログ開設から1年が経過しました。

前回の更新からかなりの日数が経過してしまいましたが、実はこの間にブログサイトの引越しをしていました。

ブログサイトのお引っ越し

今までは、「はてなブログ」というブログサービスを使ってブログの記事を書いて公開していましたけど、今回新しくレンタルサーバーを借りてWordPressというソフトでブログサイトを構築してそちらへ引越しました。

分かりやすく例えて言うと、今までは「はてなブログ」という賃貸マンションの1室を間借りしていたのだけど、今回新しくレンタルサーバで土地を借りて、WordPressという建築方法で一戸建ての家を建てたという言う感じでしょうか。

例えば、自分の好みに合わせて部屋のレイアウトを変えたいといった場合、 一般的に賃貸マンションだと、家具の配置を変えるくらいまでしかできませんよね。

それに比べて一戸建の家を建てる場合は、建設するときに自分の好みで間取り決めたりすることもできるので、自由度が全然違います。

それと同じで、レンタルサーバを借りれば、そこに自分の思い通りのサイトを作ることができます

そうなんです。

実は始める前は、ステイホーム週間の期間中に終わるだろうと軽く考えていたんだけど、始めてみたらこれが結構大変で想定以上に時間が掛かってしまいました。

ブログ開設から1年が経過して、大勢の方にブログを訪問してもらえるようになったので、訪問してくれた方たちのためにももっと使い勝手の良いサイトにしたいと思ったのがきっかけです。

それで、もっと自由にブログサイトを構築できるところに引越してブログサイトを使い勝手よくリニューアルしました。

今回は、見た目の印象はあまり変えずに、訪問者にとって使いやすい機能をいくつか追加しています。

それでは、今回リニューアルしたポイントを詳しく見ていきましょう

---

スポンサーリンク

今回のリニューアルのポイント（モバイル用サイト）

このブログの訪問者のうち約70％の方がスマホなどのモバイル端末からアクセスしています。

そこで今回のリニューアルでは、モバイルユーザーの方にもっと快適にブログを閲覧してもらえるようにいくつかの機能を追加しました。

①モバイルのトップ画面の記事一覧の表示を大きく

これまでのサイトでは、トップ画面に表示される記事を横2列で表示していたため、表示される画像も小さく見づらい状態でした。

新しいサイトでは横1列にして画像が大きく見やすいレイアウトに変更しています。

②「もっと見る」ボタンで改ページの操作性を向上

トップ画面には10件の記事が表示されています。

これまでのサイトでは次の10件を見るときは「次のページ」ボタンをタップして、改ページして表示していました。

新しいサイトでは、「次のページ」ボタンの替わりに「もっと見る」ボタンを設置しました。

この「もっと見る」ボタンをタップすると、既に表示されている記事の一覧のあとに次の10件分が読み込まれ、改ページせずに閲覧できるようになっています。

③フッターメニューで使いやすさを向上

画面の下部（フッター）にメニューを設置して良く使う機能をまとめました。

このメニューにより、今まで以上にいろんな記事にアクセスしやすくなりました。

④記事の目次をスライドメニューで表示

記事を読んでいる時にフッターメニューの「目次」をタップすると、画面の左側から記事の目次がスライド表示されます。

いつでも記事全体の構成の確認や、記事内の好きな場所にアクセスできるようになっています。

⑤大きな表は横スクロールして見やすく

これまでのサイトでは、記事の中に大きな表があるとスマホの画面に合わせて横幅を狭めていました。

そのため、横幅のある大きな表は縦に長く表示され、すごく見づらい表になっていました。

新しいサイトでは、大きな表を見やすくするために、体裁を保ったまま横スクロールして見ることができるようになっています。

すべての表が横スクロールできるわけではなく、もともと横幅の狭い表は従来通りに表示されます。

横スクロールが可能な表かどうかは、表の下に「左右にスクロールしてご覧ください。」とメッセージが表示され、容易に判断ができるようになっています。

今回のリニューアルのポイント（PC用サイト）

PCでもより見やすく機能を追加しています。

①サイドバーに追尾型の目次を表示

新しいサイトでは、記事を読んでいるときは常にサイドバーに目次が表示されるようにしました。

いつでも記事の全体の構成の確認や、記事内の好きな場所に簡単にアクセスすることができるようになっています。

②「もっと見る」ボタンで改ページの操作性を向上

PC版でも「もっと見る」ボタンを実装しました。

スマホと同様に、改ページせずに次の記事の一覧を見ることが可能となりました。

③読んでいる記事と同じカテゴリーの人気記事を表示

人気記事の一覧は、読んでいる記事と同じカテゴリーの中からよく読まれている記事を表示するようにしました。

④画像をクリックで拡大表示

記事の中に使われている画像をクリックするとポップアップして表示されます。

さらに、ポップアップされた画像の左半分、もしくは右半分をクリックすると記事内の前後の画像に切り替わりますので、記事画面に戻らずに画像だけ順番に閲覧することも可能です。

---

スポンサーリンク

今後もますます役に立つ情報を発信していきます

以上が今回のリニューアルのポイントになります。

いかがでしたでしょうか。

そうですね、サイトの使い勝手も大事ですが、記事の内容そのものが面白くないと訪問してくれた方には満足してもらえませんね。

ようやくコロナ禍も終息の兆しが見えてきましたので、今まで自粛していた釣りやキャンプに出かけて、たくさんの情報を収集してきます。

そして、これからアウトドア系の趣味を始めようとしている皆さんに役立つ情報を今後も発信していきますのでご期待ください。

それでは、また別の記事でお会いしましょう。