WordPressにてHTML,CSS,PHPから自分でオリジナルのテーマを作成しました。
”カスタマイズ”から確認するとデザインが崩れてしまいます。
(1)ロゴ「MOFULOG」がなぜか小さく表示される。検証ツールを使うと、
<htmlファイルの場合>
<a href="file:///Users/kuranishifumi/Desktop/mofulog/index.html">MOFULOG</a>
<”カスタマイズ”から見た場合>
<a href="http://localhost:8888/wordpress" class="blog_title">MOFULOG</a>
となぜか表示が全く違う。どうやら「サイトの基本情報」→「サイトのタイトル」を編集することでロゴを作成できるようですが私が打ち込んだhtmlとcssはどこに行ったのでしょう・・・
(2)またモバイルでのみ表示されるはずのハンバーガーメニューが"カスタマイズ"では常時表示されてしまう。
→cssでモバイル以外の場合はdisplay.noneで隠しているのになぜ?
(3)"カスタマイズ"では、謎の「mofulog」の文字と「古い記事へ新しい記事へ」の表示がされている。
(4)"カスタマイズ"では「検索するテキストを入力・・・」が消滅している。
細かい解答でなく、なぜcssが反映されなくなっているかだけでもご教示いただけると大変助かります。なお「wordpress css 崩れる」などでググっていますがいまいち解決策が見当たりません・・・
前段階では全てのcssが反映されていなかったのですが、ググってphpを追加することで解決し今の状態になっております。
<htmlファイルをChromeで開いた時・正常>
https://gyazo.com/23249e43edafe41ba6609386cc4272f3
<カスタマイズを押した時>
https://gyazo.com/eaa3bb8fb8146cf2e029fc5c11346963
HTML,CSS,PHP
コードが膨大、またどこを開示するべきかわからないためどの言語のどの部分が見たいとコメント頂ければ別途掲載いたします。
WordPress 4.9.7
MAMP
ATOM