凍結
0 mm. SO-03K
小説ページのテンプレートが崩れてしまいます。
テンプレートサイト様からソースをコピーして、表紙画面に記載しました。画像部分は
<img class="top" src="##IMAGE_DATA_3_URL##">
このように、タグを使用しています。
テンプレートサイト様では、一枚目の画像のように表示されていました。自サイトでは二枚目のように画像が大きくなり、見切れてしまいます。
どうしてもこのテンプレートを使いたいのですが、原因が分かりません。お分かりになる方、教えてください。よろしくお願いします。
11/14 03:43
返信
コメント投稿 検索
12 しち SOG03
>>9
先にメールボックスに関するレス(>>11)をご確認ください。
メールボックスが解決しましたら、以下↓

ノートに関して、


>🔵ノートは『単体式』ですか?『複合式』ですか?
どちらのタイプか分からない場合は、ノートの管理画面トップをご確認ください。
🔻単体式
* 全体レイアウト
* └ノート画面レイアウト
🔻複合式
* 全体レイアウト
* ├一覧画面レイアウト
* └ノート画面レイアウト
【一覧画面レイアウト】がなければ『単体式』で、あれば『複合式』です。

ちなみにこれテンプレの配布元さんがたぶん分かるので言えるんですが、このテンプレでしたら『単体式』のほうが改変は極少で済みます。


>▶▶『複合式』なら、
>🔵ノートのHTMLを教えてください
*🔻【全体レイアウト】
*🔻【一覧画面レイアウト】
* ▶上部表示テキスト
* ▶一覧部分
* ▶下部表示テキスト
*🔻【ノート画面レイアウト】
* ▶上部表示テキスト
* ▶ノート部分
* ▶下部表示テキスト

ただ、もし「なるべくテンプレと同じような構成にしたい」のでしたら、『単体式』でノートを作り直すしかないです。
もしも『単体式』で作り直すのであれば、↓のHTMLを入れてみてください。


>▶▶『単体式』なら、
>🔵HTMLを以下で書き換えてください(自動改行なしで)

#🔻【全体レイアウト】
━━━━━━━━━━

<div id="pagetop"><a href="#">top</a></div>
<div class="wrp">
<div class="title">

<div class="menu">
#top_top#
<a href ="">text</a><br>
<span>note</span>
<a href ="">mail</a>
</div>

<div class="top">
<h1>SITE NAME</h1>
<p>https://alicex.jp/★★★★★/</p>
rank >> <a href ="">rank</a> <a href ="">rank</a>
</div>
</div>

<div class="main">
<h2>notebook</h2>
#note#
</div>
</div>

━━━━━━━━━━

#🔻【ノート画面レイアウト】
* ▶上部表示テキスト
━━━━━━━━━━

<!-- ↓入力必須の独自タグ
◆#note_title#
◆#top#
◆##note★(リンク文字)##
-->

━━━━━━━━━━

* ▶ノート部分
━━━━━━━━━━

<div class="note">
<h4>#date#</h4><br>
<p>#title#</p>
#body#
</div>

━━━━━━━━━━

* ▶下部表示テキスト
━━━━━━━━━━

<div class="ft">##prev(prev)####next(next)##
</div>

━━━━━━━━━━


*** 入力必須の独自タグについて ***
🟢 #note_title# :ノート機能の名前
🟢 #top# または #top_トップページへ# :サイトトップへのリンク
🟢 ##note★(リンク文字)## :ノートトップへのリンク

上記の独自タグは、入っていないと「必須タグが無い」とエラー文が出て、保存することが不可能になります。
現状はとりあえずコメントアウト(<!-- この中がサイト上では非表示になる -->)を使って入れています。

もちろん本当は非表示にせず本来の用途どおり使用したほうがいいのですが、
どこに入れても邪魔だな……となりそうなら、このままコメントアウトで入れるだけ入れとく手もあります。

なおノートトップへのリンクタグは、「★」部分をノートのID番号に書き換えてください。


*** 追記周りについて ***
🟢 追記画面について
ナノ用テンプレには“追記画面”があったと思いますが、
ALICE+ではこの“追記画面”を別個でデザインすることは不可能なので、再現できません。
テンプレにあった“追記画面”のHTMLは入れる場所がないので、忘れてください。

🟢 追記へのリンクについて
テンプレではリンクボタンになっていましたが、ALICE+でこれを再現するのは難しいです。
今回はとりあえずノータッチで、ふつうのテキストリンクとして表示されるようになっています。


>▶▶▶HTMLを書き換えてもデザインが崩れている場合
>🔵【CSSファイル編集】で以下をおこなってください
1️⃣〔□使用するCSSファイル〕を、『下記の内容のCSSを適用』にする
2️⃣編集欄をすべて空にする

『トップページのCSS』が影響してデザインが崩れている可能性があるので、トップページのCSSを適用しないようにします。




とりあえず考えられるHTMLのミスだけ修正した形なので、
「なんかここデザインがおかしい」みたいなのありましたらすみませんです。そのときはまたお教えください〜
11/18 15:22
返信