1ページが長くなりすぎる場合は、内容をひとまず折りたたんでおき、クリックで展開するようにすればホームページの見やすさを改善する事ができます。

折りたたんだ中にもURLを記載したり、色を付けたりする事ができます。

件数はさほど多くなくても、スマートフォンなど画面の広さが限られている場合はタイトルだけ表示して、ユーザがクリックで選んだものだけ本文を後から表示する方が見やすい場合があります。

この方法には画面の広さによる見やすさ以外にももう一つメリットがあります。それは、本文表示の際に再度Webサーバにアクセスしなくても済む点です。スマートフォンは、PC環境に比べてやはり通信速度が遅く、Webサーバへアクセスしなければならない回数が多いとその度に時間がかかり、Webサイトの見やすさが失われてしまいます。1回Webサーバにアクセスしてタイトルを表示した後、本文表示の際に再度サーバにアクセスする必要が無いのは、素早く内容が表示されてWebサイトの使いやすさも向上します。

折りたたみ式一覧は、「すぐ使えるCGI」のテンプレートに簡単な JavaScript を追加するだけで使えます。

「設置方法」ページを参考に編集して下さい。このサンプルと同じでよければ設定済の製品がダウンロードできます。