シンプルな小説サイト向けのテンプレート。
メニューや見出しは必要最低限の装飾にして、目立ちすぎないようにしています。
メニューが本文に干渉しない、小説のページにページ送り等のメニューをつける、閲覧者で横書き縦書きを選べる、というリクエストをいただいて作成したものです。
個々の小説のページの右下にある本のマークをクリックすると、横書き・縦書きボタン、ページ送り、ページアップ、目次へのアイコンが表示されます。
小説の縦書き表示は、マウスで横スクロールができないので、PCでは少し操作しにくいかもしれません。スマホからだと、小説アプリのようでなかなか面白いです。
小説タイトル一覧が縦にずらりと並ぶので、目的のジャンルへすぐ飛べるようにサブメニューがあります。画面固定メニューが複数あると少し煩わしい気がしたので、固定せずにページアップボタンで最上部に戻る仕様です。
オフラインにも同様にサブメニューをつけています。
レスポンシブデザインになっていますので、ブラウザの横幅が小さくなると、スマホ用の表示に切り替わります。
単純に、ブラウザの横幅を狭めても確認はできますが、GoogleChromeをお使いの方は、ブラウザ上右クリック→検証→上部のスマホ・タブレットのアイコン(Toggle device toolber)をクリックすると、モバイル用のレイアウトを確認できます。