Code from head is loaded into body - Wordpress, how to fix it?

I

Igor2020-06-22 15:16:12

HTML

Igor, 2020-06-22 15:16:12

Can you please tell me how to overcome the problem in wp when all the code from the head tag is loaded into the body tag?

I checked the functions, disabled plugins one by one, checked the template files, swapped wp_head (although it should be before ), zero result. At the same time, right after the opening body there is an incomprehensible Header.php code :</head>

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE">
<meta name="format-detection" content="telephone=no">
<!-- Google Tag Manager -->

<!-- End Google Tag Manager -->
<meta name="robots" content="index, follow">	
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<title><?php wp_title();?></title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"/></script>
<script type="text/javascript" src="<?php echo get_template_directory_uri() ?>/js/scripts.js?v=<?php echo time();?>"/></script>
<?php wp_head(); ?>
</head>
<body>
<!-- Google Tag Manager (noscript) -->

<!-- End Google Tag Manager (noscript) -->
  <div class="topContent">
    <div class="head">
    <div>
      <div class="logo">
        <a href="/" title="На главную">
          <img src="<?php echo get_template_directory_uri() ?>/img/logo.png" alt="">
        </a>
      </div>
      <div class="headContact">
        <div class="phone">XXXXXXXX</div>
        <div class="menu"><img src="<?php echo get_template_directory_uri() ?>/img/clock.png" alt="" class="smallInlineImg">ежедневно, с 9:00 до 21:00</div>
      </div>
      <div class="slogan"><span>slogan</span></div>
    </div>
    </div>
    <?php wp_nav_menu( array( 'container_class' => 'menu', 'theme_location' => 'headerMenu' ) ); ?>

List of used (active) plugins:

All In One SEO Pack
Classic Editor
Contact Form 7
Crelly Slider
Easy FancyBox
jQuery Colorbox
Nested Pages
RusToLat
SEO Ultimate
WP No Category Base
WP-No-Format
WP-PageNavi

P.S. The problem is on all pages at once, so one thing spoils

Reply

Answer the question

In order to leave comments, you need to log in

1 answer(s)

S

Sergey Ermilov, 2020-06-23
@sergeiermilov

Basically, when the browser first encounters an element that shouldn't be in head , such as an img element, it will close the head and run the body instead . So it's possible that there is something before wp_head that is causing the problem.
You need to examine the actual HTML output for errors rather than looking at PHP to figure out what is causing the problem. Try running the site through validator.w3.org and see the first few errors it finds.
You're probably looking at the page's source with the browser's inspector, which shows you the DOM in memory after the browser has fixed it, rather than the true page's source, which is likely to be in a different order. In Chrome, for example, compare the difference between using the Web Inspector and View->Developer->View Page Source , which will show you the actual output code before the browser processes it).
You can also try putting wp_head at the very beginning before head . Maybe there are errors in the scripts.js that comes before the head.
Either way, this is your browser's attempt to avoid invalid markup. The site displays something that does not belong to the head tag, so the browser closes it and opens the body tag . If not plugins, then maybe in functions.php. You need to look at hooks for connecting CSS, JS, jQuery and adding meta tags.
For example, in all wp_enqueue_script add $in_footer = true to output scripts in the footer.