空にうたえばは、最もベーシックな形のテンプレートです。画像や色を変更することで、手軽にサイトのイメージを変えることができます。
- １カラム式・２カラム式の選べるデザイン（小説用ページもご用意してます）
- スクロール追従するメニューバー（スマホ対応）
- 背景のストライプの色・太さを自分で変更可能
- イラスト表示モーダルウィンドウ「fuwaimg」がすぐに使える
- Bootstrapを用いたレスポンシブ対応デザイン
仕様について
１カラム・２カラムから選べるデザイン
横幅いっぱいに展示物を並べたい方は１カラム版、メニューでサクサク移動したい方は２カラム版をご利用いただけます。もちろん、ページごとに２つのデザインを使い分けてもOK。どちらのデザインも共通のCSSで制御しているので、気分に合わせてhtmlを使い分けてください。
いずれもレスポンシブ対応デザインで、スマホやタブレットから見てもレイアウトが崩れません。
スクロール追従するメニューバー
たくさんつくったコンテンツを１ページに収めたい方向け。１カラム・２カラムどちらのデザインともに、下へスクロールしてもメニューがついてきてくれます。ページが縦に長くなっても迷子になりません。もちろん、小説など向けの1カラムの広々としたページレイアウトもご用意してあります。
CSSから当該記述を削除することで、スクロール追従しないようにもできます。
CSSを書き換えて好みのストライプを作れる
背景のストライプは画像ではなくCSSで作っています。そのため、当該記述を変更することで自分好みのストライプにお着替えすることができます。ストライプのCSSを作るのはジェネレーターが便利。色や太さ、縞の向きなどかなり自由に作成できます。
もちろん、ストライプ部分のcssを削除して、お好みの画像を背景に使用してもOKです。
頒布物一覧用ページを用意しました
同人・創作サークルさんにお使いいただくことを考え、頒布物一覧用のページを用意しました。これまでの作品の紹介にお使いいただけます。イベント情報や漫画作品の一覧、キャラクター紹介などにもお使いいただけます。
イラスト展示はページ遷移せずスマートに
イラストの展示はfuwaimgで実装しています。サムネイルをクリックすると、その場でフワッと原寸のイラストが表示されるモーダルウインドウです。ページ遷移なし、ストレスフリーでイラストを見ていただけます。
web拍手やメールフォームのデザインも実装済
ボタンやテキストボックスも、サイトの雰囲気に合わせてデザインしてあります。ご自分でプログラムを組み込むだけで、すぐに機能を実装していただきます。
お着換え版もあります
更新履歴
- 2022.05.16
- 同梱fuwaimgプログラムをVer1.4.2へアップデート。
- 2020.12.07
- 画像表示モーダルをLightboxからfuwaimgに差し替え。
- 2020.01.05
-
- 他サイトへバナーリンクをして、一列あたりのバナー数が少ないとき、バナーが横幅いっぱいに広がってしまう問題を修正。
- デザイン済みのh2、h3見出しおよびリストを追加。
- 「頒布物一覧用ページ」を追加。
詳しくはこちらのお知らせをご確認ください。