縦書き対応 小説サイト HTMLテンプレート|二次創作・個人サイト用・配色6種・スマホ対応
- Digital500 JPY














個人の小説サイト・二次創作サイトのためのHTML/CSSテンプレートです。 縦書き対応の本文ビューアを備え、「読ませること」に特化しました。 小説投稿サイトに頼らず、自分のドメイン/サーバーで作品をまとめて公開できます。 ■ こんな方におすすめ ・自分だけの「書庫」サイトを、広告なしで持ちたい ・縦書きで読める小説サイトがほしい(スマホでも読みやすく) ・二次創作の作品を、ジャンルごとにまとめて置きたい ・投稿サイトの仕様変更に振り回されたくない ■ 特徴 ・縦書き/横書きを切り替えられる本文ビューア(読者が選べる・文字サイズ調整つき) ・作品一覧+シリーズ目次+各話の本文ページがそろった2ページ構成 ・読みやすいゴシック体(Noto Sans JP・商用利用可)の本文組み(明朝にも1か所で切替可) ・配色テーマ6種同梱(標準+Sepia/Night/Sakura/Ao/Mono)→ 1行の変更で切替 ・配色はCSS変数で一括管理。数行の編集で自由に色替え可能 ・ルビ(ふりがな)対応 ・依存ライブラリなし(HTML / CSS / 素のJavaScript のみ・ビルド不要) ■ 同梱の配色テーマ(6種) 標準 / Sepia(生成り)/ Night(夜間ダーク)/ Sakura(和風淡色)/ Ao(藍・和モダン)/ Mono(モノクロ) ■ ページ構成 ・index.html … トップ(サイト紹介・作品一覧・シリーズ目次・お知らせ・about) ・episode.html … 本文ビューア(各話ページ。複製して話数を増やせます) ■ 同梱ファイル ・index.html / episode.html … 本体(2ページ) ・css/style.css … デザイン(配色は冒頭の :root を編集) ・js/main.js … テーマ切替・年号更新・メニュー・本文ビューア操作 ・themes/ … 配色テーマ5種+一覧プレビュー+解説(THEMES.md) ・README.md … 日本語の使い方ガイド ・LICENSE.txt … 利用規約 ■ 使い方(3ステップ) 1. index.html の【...】を自分の情報に書き換える(サイト名・作品・あらすじ・目次) 2. episode.html を1話ぶんとして複製し、本文を入れる(前話/次話のリンクを設定) 3. 色を変えたい場合は css/style.css の :root か themes/ のテーマを切り替える ■ 動作環境 モダンブラウザ(Chrome / Edge / Firefox / Safari の最新版)。ビルド・追加ソフト不要。 ■ ライセンス概要 個人・商用ともに利用可/改変可/クライアント納品可。 本テンプレート自体の再配布・再販売は不可。詳細は同梱の LICENSE.txt をご確認ください。 ■ 注意事項 ・同梱の本文・タイトルはすべてサンプル(オリジナルのダミー文)です。実在の作品とは無関係です。 ・二次創作で利用する場合は、各ジャンル・原作のガイドラインを必ずご確認のうえご利用ください。 ・画像は含まれません(グラデーションのプレースホルダ内蔵)。 ■ 更新履歴 v1.0 初版













