ALICE+サポート タグ・デザイン掲示板 TOPページ タグ・デザイン掲示板 テンプレートが崩れてしまいます。 タグ・デザイン掲示板 『テンプレートが崩れてしまいます。』へのコメント投稿 記事 7 へのレス:>>6 #【HEAD編集】の〔□DOCTYPE宣言〕編集欄に、以下を書き込む ━━━━━━━━━━ <!DOCTYPE html> ━━━━━━━━━━ * 何か書き込まれていたら、上記で上書きしてください。 * 上記『<!DOCTYPE html>』しか入っていないことをよく確認してください。余計な文字やスペースが入ると、記述が無効化されてしまいます。 * 〔保存しないでプレビュー〕時には相変わらず肉球がズレて見えますが、プレビューの仕様でそうなるだけです。問題ないので気にせず保存してください。 DOCTYPE宣言が古い or 無記述の状態ゆえに、テンプレ配布元と表示に差異が出ているかもしれません。 そうであるなら、『<!DOCTYPE html>』を書き入れることで解決します。 ざっっくり説明すると、 テンプレは『HTML5(<!DOCTYPE html>)』仕様で作られているのに、 貴サイトには『<!DOCTYPE html>』という記述がないから、 表示に差異が出る……という状態なのだと思われます。 原因がこれなら、〔□DOCTYPE宣言〕編集欄を上記一行にするだけで、表紙・文章画面とも肉球は円の中央にくるはずです。 *****補足***** >肉球はどこ? ご推察の通り「<i class="fas fa-paw"></i>」の部分が肉球です。 「Font Awesome」というWebフォントを使用して肉球が表示されています。 >なんでプレビュー画面では肉球が上にずれる? プレビュー画面では『<!DOCTYPE html>』の記述が無効化されてしまうせいで、 「DOCTYPE宣言が無記述」とブラウザに解釈されるためです。 プレビュー画面と実際のサイト上の表示で差異が出てしまうのは、もうそういう仕様と思って諦めるほかないです……。 あと、【一時休止(メンテナンス画面)】を使用中も同じく「DOCTYPE宣言が無記述」とブラウザに解釈されるため、実際のサイト上の表示とは差異が出ます。そういう仕様以下略……。 >『<!DOCTYPE html>』は他のページにも必要? あった方がよいです。 というか、この『<!DOCTYPE html>』が書かれていない状態であることに、メリットは現在まずないです。 なので本当なら、サイト全体に『<!DOCTYPE html>』を入れた方がよいのですが……。 とはいえそれで、既存のページがこれまでと違う表示になった!ということが起きても対応が大変かと思うので、取り急いでは >>「テンプレサイトと同じ表示にならないな?」ということが起きたらまた『<!DOCTYPE html>』を入れてみる。 くらいでもよいかと。 最近のテンプレだと、『HTML5(<!DOCTYPE html>)』前提で作られている可能性が高いので。 >>もしサイト全体に『<!DOCTYPE html>』を入れるのでしたら、 サイト管理トップの〔head情報〕>【共通head間編集】〔□DOCTYPE宣言〕編集欄に、 ━━━━━━━━━━ <!DOCTYPE html> ━━━━━━━━━━ と書いてください。 ここに書いてあれば、DOCTYPE宣言が無記入になっている全ページに『<!DOCTYPE html>』が挿入されます。 ただ、古いDOCTYPE宣言が書かれているページには反映されないので、都度『<!DOCTYPE html>』に書き換えないといけないですが……。 ▼お名前 ※最大20文字 ▼コメント ※最大10000文字 HTMLタグは使えません>>7 ▼画像添付(4個まで選択可) サクッとコメント スレッドへ 掲示板TOPへ ALICE+サポート