HPリニューアルのお知らせ

更新日：2022/02/05　公開日：2022/02/05

インナーウィッシュ/プロフィール/メインメニュー/更新情報

本日、インナーウィッシュのホームページをリニューアルしました。

膨大な情報を、できるだけ見やすく探しやすくするための変更です。これまでのレイアウトに親しんでくださっていた方には、慣れていただくまでの間ご不便をおかけすると思います。申し訳ございません。

今後とも、さらに居心地の良いサイトを目指して改善していきたいと思っておりますので、何卒よろしくお願いいたします。

変更理由

スマホで見やすいサイトにするため
全ページを探しやすくするため
今後の方向性に合わせたデザインにするため

主な変更点

レイアウトデザインを変更
全ページをメニュー表示【１】
パンくずリスト表示【２】
全ページをサイトマップ表示【３】
PCサイトを2カラム→１カラムに変更
フッター表示の変更【４】
背景画像・キャッチ画像の変更

【１】メニュー表示

【メニューアイコン表示位置】

スマホでHPを表示させた時に右上に表示される「３つの線が横に並んでいる」アイコンがメニューボタンです。ちなみにPCでも表示幅を小さくすると右上にメニューが表示されます。

【メニュー一覧表示】

メニューボタンをクリックするとメニュー一覧が表示されます。「＋」ボタンをクリックすると下位ページメニューが表示されます。

【変更のポイント】

これまでもスマホで同様のメニュー表示がされていました。今回の変更では、全てのページをこのメニューから表示さきるようになったことです。

【変更の理由】

今までは下記理由から全ページをメニュー表示していませんでした。

PC表示を重視していた
PC画面で膨大な下位ページがメニュー表示され不便だった

【変更の目的】

全ページをメニュー表示する目的は下記です。

大半を占めるスマホユーザー対応
全ページをメニューから探せる

【２】パンくずリスト表示

【パンくずリスト表示位置】

下位ページの場合、トップ画像の上に表示されます。下記のように、階層構造がわかりやすくなります。

【パンくずリスト表示ページ】

下記ページの上部にパンくずリストが表示されますのでご覧ください。

●日常生活の変容とは【日常生活の変容】

【パンくずリストとは】

パンくずリスト（breadcrumb list）は、ウェブサイト内でのウェブページの位置を、ツリー構造を持ったハイパーリンクの一覧として示すもの。大規模なウェブサイト内で、利用者がサイト内での現在位置を見失わないようにし、ナビゲーションを助けるために使われる。「パンくずリスト」という名前は、童話『ヘンゼルとグレーテル』で、主人公が森で迷子にならないように通り道にパンくずを置いていった、というエピソードに由来する。

（Wikipedia-パンくずリスト）

【変更のポイント】

これまで使用していたHPレイアウトではパンくずリストを表示できなかったためレイアウトを変更しました。この影響でPC画面では2カラム(列)表示から１カラム(列)表示になりました。また、全下位ページにパンくずリストを表示させるため表示設定を変更しました。

【変更の理由】

今までは下記理由からパンくずリストを表示できませんでした。