>>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>』に書き換えないといけないですが……。
#【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>』に書き換えないといけないですが……。
09/04 22:32
1ページ中1ページ目
6378 view
残り書き込み 9987 件
人気スレ