Q&A
コードはコードブロックで囲んでください。```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「</>」ボタンを押すとコードブロックになります。
以下wordpressで作成したサイトを修正していた所もともとは右側にあったサイドバーが下に動いてしまい、原因を探しています。
Another HTML-lint gatewayでHTML文書の文法をチェックしたところ、幾つかdivの開始タグが見当たらないと結果がでました。
ただ実際以下のコードの下のタグを見ると閉じタグと開始タグは２行に分かれてあると思います。
サイドバーを戻すにはどこを修正したらいいでしょう
回答2件
0
ベストアンサー
〆のdivタグが4つほど多いようです。
376行目
472行目
514行目
542行目
記事を展開するにあたり、〆タグが余分に出てしまうコーディング状態なのかなと思いました。
WordPressの場合、ループを挟むと多々このような状態になりがちです。
ただし、上記で挙げた行箇所のdivを削っても根本的な解決にならないと思います。
修正箇所がわからない場合は、時間は掛かりますが、テスト環境などで、サイドバーが表示されるまで余計なタグを消していく方法が有効です。
投稿2016/04/27 08:31
総合スコア129
返答ありがとうございます。
google cromeからソースの表示画面を見ました。
該当箇所にdivタグが見つけられなかったです。
何か違う所を見ているのかと思います。例えば以下のように表示されています。
375行目 <div class="dateWrap"><span class="date"><span class="ico_date">2016年06月21日(火)</span></span> <span class="place">10時00分～17時00分</span></div>
376行目 </li>
firefoxでソースを見ると、エラーになっているタグが赤くなるので、見やすいです。
環境によって展開される行数がずれるのは…考えにくいですが、とりあえず2行ほどずれている様なので、例で挙げてもらった2行のさらに下に</ul>後の</div>がfirefoxではエラーとなっていました。
kei344さんの言っている通り、WordPressで記事生成していない部分だけでも字下げなどでHTMLソースを見やすい環境にしてタグの数を数えてみるか、回答に乗せたテスト環境でサイドバーが表示されるまで、色々タグを削ってみる方法を取るのが良いと思います。
こればっかりはプログラムのミスなどを的確に指摘するような類のものではありませんので、根気はいりますがHTMLソースを正す修正が必要のようです。
0
適切にインデントを付けて、確認されてはいかがでしょうか。
投稿2016/04/27 08:11
総合スコア69398
返答ありがとうございます。
wordpressの管理画面のコードはインデントを付けられる仕様になっていないため
全ページ行頭が揃ってしまっています。
divの開始タグが見当たらないと文法チェックツールで表示されたので下部のdiv閉じタグを削除したら、デザインが崩れてしまいましたので違う所に問題があるかと思いました。
言葉足らずでした。管理画面という想定ではなく、ブラウザでソースを表示し、テキストエディタなどで確認されては、というつもりでした。すいません。
そうでしたか。確かにテキストエディタの方が判りやすいです。
ありがとうございました。
あなたの回答
tips
プレビュー
