teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

2

回答のミス修正

2020/02/14 06:30

投稿

takamura_leo
takamura_leo

スコア6

answer CHANGED
@@ -15,5 +15,4 @@
15
15
  ```
16
16
  このような入れ子構造を想定しておられますか?
17
17
  もしそうでしたら末尾の</div>が</header>と入れ替わっているため、エラーが出ているように見受けられます。
18
- <header>等のタグも入れ子構造を守らないとエラーのもとになりますので、一度コーディングをご確認ください。場合によってはCSSのセレクタも修正が必要になるかもしれません。
18
+ <header>等のタグも入れ子構造を守らないとエラーのもとになりますので、一度コーディングをご確認ください。場合によってはCSSのセレクタも修正が必要になるかもしれません。
19
- また、<div id="main">の閉じタグもパっと拝見した感じ見つけられないので、footer.phpなどのテーマファイル内も一度ご確認なさるとよいかもしれません。

1

コメントの内容をもとに追記

2020/02/14 06:30

投稿

takamura_leo
takamura_leo

スコア6

answer CHANGED
@@ -1,49 +1,19 @@
1
+ **(修正・追記)**
1
- <div class="header-wrap">~</div>内のマークアップに不要な閉じタグがありまのでそちら削除してから調整してみてください。
2
+ みません上の階層見落としておりまして……
2
3
 
3
4
  ```PHP
5
+ <div class="top-section-wrap">
6
+ <div class="ad-header-above">
7
+ <!--省略-->
8
+ </div>
4
- <header>
9
+ <header>
5
- <div class="header-wrap">
10
+ <div class="header-wrap">
6
-
7
- <div class="header-top">
8
- <div class="title-container">
9
- <h1 class="top-title">
10
- <?php bloginfo('name'); ?>
11
- </h1>
11
+ <!--省略-->
12
- </div>
12
+ </div>
13
- <div class="social-container">
14
- <ul class="social-icons">
15
- <li class="icons">
16
- <a href="<?php echo esc_url(home_url('/')); ?>">
17
- <img src="<?php echo esc_url(get_theme_file_uri('/img/instagram.png')); ?>" alt="insta" class="share-icon-size">
18
- </a>
13
+ </header>
19
-
20
- </li>
21
- <li class="icons">
22
- <a href="<?php echo esc_url(home_url('/')); ?>">
23
- <img src="<?php echo esc_url(get_theme_file_uri('/img/twitter.png')); ?>" alt="twitter" class="share-icon-size">
24
- </a>
25
-
26
- </li>
27
- <li class="icons">
28
- <a href="<?php echo esc_url(home_url('/')); ?>">
29
- <img src="<?php echo esc_url(get_theme_file_uri('/img/facebook.png')); ?>" alt="facebook" class="share-icon-size">
30
- </a>
31
-
32
- </li>
33
- </ul>
34
- </div>
14
+ </div>
35
- </div>
36
- </div><!--多分こちらか-->
37
-
38
- <!-- navigation-menu -->
39
- <?php wp_nav_menu(
40
- array(
41
- 'theme_location' => 'globalnav',
42
- 'container' => 'div',
43
- 'container_class'=> 'c-global-nav',
44
-
45
- ));?>
46
- </div><!--こちらのどちらかが不要-->
47
- </header>
48
15
  ```
16
+ このような入れ子構造を想定しておられますか?
17
+ もしそうでしたら末尾の</div>が</header>と入れ替わっているため、エラーが出ているように見受けられます。
49
- インデント(頭下げ)を意識してコーディングしておくと閉じタグの過不足気づきやすくなりますので、ウィジェットの有無で表示が変わるという際には一度インデント整理しからチェッしてみといいかもしれません。
18
+ <header>等のタグも入れ子構造を守らないとエラーもとになりますので、一度コーグをご確認ください。場合によっはCSSのセレタも修正が必要になるかもしれません。
19
+ また、<div id="main">の閉じタグもパっと拝見した感じ見つけられないので、footer.phpなどのテーマファイル内も一度ご確認なさるとよいかもしれません。