ソースコードって何？

ソースコードとはWeb上にコンテンツを表示させるための設計書のようなものです。当サイトのテンプレートでは「HEAD」と「全体レイアウト（または◯◯画面レイアウト）」の2種類のソースコードを配布しています。
HEADとはCSSのことで、色やフォント、余白などの装飾に関する設定です。装飾部分を変えなくていい場合は基本触らずでOKです。
全体レイアウトや◯◯画面レイアウトとはHTMLのことで、簡単に言うと「どんな文字列や画像、リンクを表示させるか」の情報です。文字を書き換えたい時や追加したい時はこちらを編集してください。

変な余白が出来てしまう

自動改行設定が効いてしまっているかもしれません。「自動改行しない」設定に変えてください。ナノの場合は、編集トップ＞ホムペ設定＞その他共通設定＞「改行を< br >に変換して表示」を「しない」にすればOKです。

画像が表示されない

配布コードそのままでは表示されないため、各自で画像をアップロードしていただく必要があります。下記手順で進めてください。（ナノの場合）

(1)配布素材をPCやスマホに保存します。
(2)保存した画像を編集トップ＞素材管理＞素材アップロードから登録して、画像URLを取得します。「URLタグ(URLのみに変換)」と書いてある下の#から始まる文字列です。
(3)ソースコード内に★印でメモを残していますので、該当箇所を取得した画像URLに書き換えてください。

HEADと◯◯画面レイアウトのどちらを書き換えればいいかは、そのテンプレートによって違います。
HEADの場合はbackground-image: url("#mtr■_url#");、◯◯画面レイアウトの場合は<img src="#mtr■_url#">といった記述のことが多いです。書き換えるのは"..."の中身だけで大丈夫です。

ナノ以外のサービスでも素材アップロード機能はあると思いますので調べてみてください。そこ以外の手順はどのサービスでも同じです。

リンクがつながらない、エラーになる

リンクタグとURLが正しいかご確認ください。
<a href="■">リンク文字</a>
■にはリンク先のURL、「リンク文字」の部分には表示させたいリンクテキストが入ります。

表示が崩れる、表示されない要素がある

編集中にタグの一部を消してしまっている可能性があります。1文字でも足りないと正しく表示されないため、配布コードと照らし合わせてご確認ください。また、自動改行設定を「しない」に出来ているかもご確認ください。
どちらも合っているのに表示が崩れる場合は不具合の可能性があるため、お手数ですがお知らせください。

文字や背景を好きな色に変えたい

HEADのソースコード内に★印で「リンク文字の色」などとメモしていますのでご確認ください。#◯◯◯◯◯◯;部分の6桁の英数字が色番号なので、そこを書き換えればOKです。Googleのカラーピッカーが手っ取り早く色番号を取得できて便利です。

改行しているのに反映されない

改行したい箇所に<br>と記述してください。

名前変換やメールフォームが効かない

配布コードを貼り付けるだけでは機能しませんので、下記手順で進めてください。

(1)機能管理＞機能作成で欲しい機能を作ります。名前変換の場合は小説機能を作成の上、夢(ドリーム)小説設定＞変換設定を作成するから変換機能を作成してください。
(2)配布コードを全体レイアウト（◯◯画面レイアウト）、HEADともにコピペします。
(3)全体レイアウト（◯◯画面レイアウト）のソースコードを開き、機能番号やサイトIDを正しいものに書き換えます。

メール機能番号とは：
メールフォーム管理画面の下の方に、「貼り付け用独自タグ」という見出しと#から始まる文字列があります。#form■_リンク文字#の■部分がメール機能番号です。

名前変換機能番号とは：
小説管理画面の下の方に、「貼り付け用独自タグ」という見出しと#から始まる文字列があります。#novel■_リンク文字#の■部分が名前変換機能番号です。

不備やミスを見つけた

ぜひお知らせください。ぜんぜん迷惑とかではなく、とっても助かります。一言で構いませんのでご報告くださるとありがたいです。

素材画像のみ使いたい

素材を単体で使っていただくことは可能です。その場合は、当サイトへのリンク必須とします。
もし他のテンプレートサイト様の配布物にmellow.の素材を組み込みたい場合は、作成者が曖昧になることを防ぐため、テンプレートと素材の配布元が別だと分かるように記載をお願いします。またその際には、該当のテンプレートサイト様の規約上、他サイトの素材と組み合わせての利用が問題ないことをご確認の上で使うようにしてください。