▼小説機能-タイトルを横並びにする
ナノでは、ホームページの基本設定が『改行を<br>に変換:する』設定の場合、独自タグ#list#を使ってレイアウトする際、タイトルの後ろに自動で改行が入ります。
これを横並びにするには、コメントアウトを使う方法が一般的です。
通常時の状態と、コメントアウト使用時の状態の違いも理解しておくと、不具合が起こった時に対処しやすいので一緒にご説明します。

コメントアウトとは?
『<!--』と『-->』に囲まれた部分をコメントとして扱います。ページ上には表示されません。
<!-- ここの部分が非表示になります -->
このコメント内にタグを入れても、ただのコメントとして扱うので機能しなくなります。
ページ上に表示されないので、一般的に、管理者用の覚え書きや、目印として使用されています。
※使用時の注意点※
開始タグである『<!--』と終了タグである『-->』は必ずワンセットにして使います。
内包(コメントアウトの中にコメントアウトを入れる)はできません。

通常時のレイアウト
▼HTML(表紙画面or目次画面レイアウト)
※#は実際は半角
#list#
▼HTML(ソース)
<a href="URL">タイトル1</a><br />
<a href="URL">タイトル2</a><br />
<a href="URL">タイトル3</a><br />
▼通常時の見た目
タイトル1
タイトル2
タイトル3
※タイトルの後ろに<br />改行タグがナノより自動挿入され、改行されるようになっています。

コメントアウト使用時のレイアウト
1、2の手順両方を行うことで、ページを横並びにできます。
【手順1】
タイトル左に『-->』、タイトル右に『<!--』を入れます。
一番最初のページ、一番最後のページを含む全てのページに入れて下さい。


こうすることで、以下のような状態になります。
▼HTML(ソース)
--><a href="URL">タイトル1</a><!--<br />
-->
<a href="URL">タイトル2</a><!--<br />
-->
<a href="URL">タイトル3</a><!--<br />
▼見た目
-->タイトル1タイトル2タイトル3
※ページのタイトル左右にコメントアウトを使うことで、ナノより自動挿入されていた改行タグをコメントとして扱います。
つまり、コメントになる=表示されない=改行されない=横並びになる、ということが起きています。
※このままでは、1ページめの左に『-->』が文字として表示され、3ページめの後ろはコメントアウトされるため全て消えます

【手順2】
#list#を『<!--』『-->』で囲みます。
▼表紙画面or目次画面レイアウト
<!--#list#-->
結果下のようになります。
▼HTML(ソース)
<!----><a href="URL">タイトル1</a><!--<br />--><a href="URL">タイトル2</a><!--<br />--><a href="URL">タイトル3</a><!---->
▼見た目
タイトル1タイトル2タイトル3
つまりは、#list#の左にある『<!--』を最初のページのタイトル左にある『-->』で閉じ、最後のページにある『<!--』を#list#の右にある『-->』で閉じるわけです。

上記で記述すれば、『<!--』と『-->』のセットの関係が常に成立しているので、ページの表示件数を気にする必要もありません。
コメントアウトは、使い方を間違うとページが表示されないなど重大な不具合が起きやすいので、ご利用の際は十分ご注意下さい。
PREV][NEXT
×
「#エロ」のBL小説を読む
BL小説 BLove
- ナノ -