Q&A
こちらの質問が他のユーザから「質問の範囲が広すぎる」という評価を受けています
わからない点を明確にし、調査したこと・試したことと共に記入していただくと、回答が得られやすくなります。
wordpressのCSSのtable部分をいじっていたら右にあったサイドバーのグローバルナビが突然無くなり、ページ崩れがおきてます。
管理画面からのプレビュー画面は正常に表示されるのですが
元に戻したいです。
該当サイト
http://itown-net.com/ippankanri/
キャッシュのクリアを行いましたが変わりません。
上記が正しい表示です
回答3件
0
投稿2015/12/05 00:38
退会済みユーザー
総合スコア0
返信ありがとうございます。ただすぐに直さなくてはならないので時間がかかりそうです。
あなたの都合に合わせて回答しているわけじゃありませんからね…
0
いろいろ調べてみましたが、wordpress一般の問題というよりは、そのテンプレートの問題のようですね。
２列カラムではmain_col, side_colといった構成になりますが１列カラムではno_side_pageになるようです。
どこかで２列カラムから１列カラムに変更したのでしょう。
固定ページを作成する画面のどこかに、「カラムの数を変更する」だとか「サイドバーを使用する」だとかいった項目はありませんか？
ちなみにこれはHTML構造が変わっているのでCSSの問題ではありません。CSSはあくまで見た目を変えるだけです。
ヘッダーの見た目が変わっている部分(私にはどこが変わったのかわかりませんが)はCSSの問題です。
投稿2015/12/05 15:46
総合スコア144
0
ベストアンサー
h7なんてタグは存在しないんですが。。。
投稿2015/12/05 01:02
総合スコア3763
そうですね。それでも昨日まではデザインが反映されていたのです
ざっと見た限り、現在読み込まれているCSSの中に「h7」をセレクタとしたCSSの記述が見当たらないんですよね。
CSSが適用されない系は開発者ツールで現状どんなスタイルが当たっているのかひとつひとつ確認しながら原因を探っていくしかないので、頑張って探すしかないですよ。
ちなみに昨日まで大丈夫だったのに急に……！っていう場合は大概、無意識におかしな操作をしてしまって自分で壊してる場合が多いです。。。間違って消しちゃったとかね。
どうしてもすぐ表示を戻さなきゃならないのであれば、とりあえずページに読み込まれているCSSの中の一番最後の部分に必要な記述を再度書き加えて、根本的な原因を探る時間を稼ぎましょう。
今気づいたんですけど、このページ、Safariで見ると見出しのスタイルあたってますね。
ChromeとFirefoxはダメですが。
もしかして、昨日まではSafariで見てて、今日はChromeで見た、とかありません？
そもそもh7なんていうHTML要素は存在しないわけですから、存在しない要素に対するスタイルが効いている方が挙動としておかしいです。
とりあえず
・<h7>となっているものを<h5>に変更し、見出し用のclassを適宜設定
（例：<h5 class="heading">一般管理</h5>）
・CSS側のセレクタもh7から.headingに変更
して、スタイルが適用されるかどうか確認してみてください。
一度に全部変更するとダメだった時にがっかりなので、とりあえずどこか1箇所。
それでうまくいくなら見出しはマークアップとセレクタ両方を変更する形で対処するのが良いと思います。現状ではそもそも文法違反ですし。
その他の「レイアウト崩れ」については、正解のレイアウトが分からないのでアドバイスのしようがありません。
返信ありがとうございます
CSSに関してはstyle.cssのフォントの指定が同じものが二つあったので消した所表示されるようになりました。
レイアウト崩れ、ヘッダーが消えたのは解決出来てません。
上記に正しいレイアウトを入れました。管理画面からプレビューすると正しく表示されるのですが。
あとは昨日このように複数ページにjavascriptの記述をしましたがそれが原因なら他の記述にしますが
http://itown-net.com/syukindaiko/
＞もしかして、昨日まではSafariで見てて、今日はChrome・・・・
ブラウザはChromeのみです。
>レイアウト崩れ、ヘッダーが消えたのは解決出来てません。
>上記に正しいレイアウトを入れました。管理画面からプレビューすると正しく表示されるのですが。
やはりちょっと状況が見えません。
http://itown-net.com/syukindaiko/
こちらに関してグロナビのレイアウトが崩れていることは確認できました。
グロナビに関しては、PC/SP表示それぞれの表示の際に、下記のスタイルがグロナビに対して適用されないように上書き修正すれば直ると思われます。
1. style.css 708-710行目（PC/SPとも）
2. style.css 1031行目（SP時）
3. style.css 1033行目（SP時）
4. style.css 1034行目 height:60px; （SP時）
ただし、
・昨日まで大丈夫だったものが何故今日突然おかしくなったのか
・管理画面プレビューでは正しいのに何故公開URLではおかしいのか
といった現状については分かりません。
何度もコメントありがとうございます。
<h7>タグは全部直し、黒ナビも修正しようと思います
ただPC/SP両方のスタイルシートは触っていない筈でstyle.cssだけいじってこうなったのです
そうですか・・・何でしょうね？謎です。
グロナビのレイアウトはお陰で修正出来ました。教えて頂きありがとうございました。
あなたの回答
tips
プレビュー
