info
ここはXXXの小説サイトです。などの説明書きをここに入れましょう。1ページ完結型のテンプレートです。infoなどの本文はあまり長くしすぎない方が見やすいかもしれません。
メニューを押すとページ内でスクロールします。PCではメニューにカーソルを乗せると左からにゅっと色が切り替わるhoverアニメーションです。
サイト名を日本語にした場合は明朝体が適用されます。
メニュー以外のリンクはこんなふう。
強調文はこんなふうになります。
サイト名：bitter sweet
管理人：◯◯◯
URL：https://◯◯◯
お問い合わせは下のフォームから。noteでお返事します。
text
long story
作品タイトル：リンクが横並びの場合
作品タイトル：リンクが縦並びの場合
作品タイトル：リンクが縦並びの場合
short story
bkm
リンクフリーに甘えています。（敬称略）
・下記は使い方の説明です。読まなくてもできそうな方は無視してください。
・全体レイアウトとはHTMLのことで、簡単に言うと「どんな文字列や画像、リンクを表示させるか」の情報です。文字を書き換えたい時や追加したい時はこちらを編集してください。
・HEAD内とはCSSのことで、色やフォントなどの装飾に関する設定です。見た目を変えない場合は基本触らなくてOKです。
・忘れずに「自動改行しない」設定に変えてください。編集トップ＞ホムペ設定＞その他共通設定＞「改行を< br >に変換して表示」を「しない」にすればOKです（ナノの場合）
・見出し＋本文のセットはこのようにdivで囲むと作れます。「class="section"」を消すと表示が崩れるので、このままコピペして使ってください。
・改行はbrを文章の後につけてください。このように→
・リンクはこのように囲みます。強調太字はこのように囲みます。
・見出しはレベル（強調したい度合い）によってh2からh4までありますので必要に応じて使い分けてください。h1はサイトタイトルです。
・「■」部分には正しいURLやIDを入れてください。
・画像について、このままでは表示されないため各自でナノに登録いただく必要があります。
・このテンプレートで登録が必要な画像は背景画像のみです。
・あなたのスマホやPCに保存した画像を編集トップ＞素材管理＞素材アップロードから登録すると、画像URLが取得できます。「URLタグ(URLのみに変換)」と書いてある下の#から始まる文字列です。
・背景画像の設定のやり方：HEAD内の「background: url(#mtr■背景画像番号_url#)...」の()の中を、取得した画像URLに書き換えてください。ソースコードに★印をつけておいたので見つけやすいと思います。
・背景画像は少し暗めの写真をおすすめします。