-2
我正在开发一个项目(wordpress主题),直到最近我改变我的电脑(并更改为Windows 10)时才出现问题..我写的HTML与浏览器在wordpress中呈现的HTML不同
我看到,在Chrome的开发者工具有从什么我已经写HTML。但是,当我浏览网页的源代码是一样的原始的HTML,所以我怀疑它是做与WordPress的JavaScript
示例:关注<header>
ELEMENT
<?php?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
<body <?php body_class(); ?>>
<div id="page" class="site">
<a class="skip-link screen-reader-text" href="#content"><?php esc_html_e('Skip to content', 'quietnoise'); ?></a>
<header id="masthead" class="site-header" role="banner">
<div id="topbar" class="clear">
<nav id="header-important-link-left" class="important-links-left">
<?php wp_nav_menu(array('theme_location' => 'important-links-left', 'menu_id' => 'important-links-menu-left')); ?>
</nav>
<?php if (get_theme_mod('is_in_header')){ ?><div class="social-media-box" id="header-social-media-box">
<?php $links_list = array('facebook'=>'facebook','twitter'=>'twitter','google_plus'=>'google-plus',
'youtube'=>'youtube','linkedin'=>'linkedin','instagram'=>'instagram','codepen'=>'codepen','pinterest'=>'pinterest-p','tumblr'=>'tumblr'); foreach ($links_list as $slug => $fa_slug) {
if(get_theme_mod($slug.'_link')){
?><a href ='<?php echo get_theme_mod($slug.'_link');?>'><span class="fa fa-<?php echo $fa_slug; ?>"></span></a><?php } } } ?> </div><nav id="header-important-links-right" class="important-links-right">
<?php wp_nav_menu(array('theme_location' => 'important-links-right', 'menu_id' => 'important-links-menu-right')); ?>
</nav>
</div>
<div class="site-branding">
<h1 class="site-title"><a href="<?php echo esc_url(home_url('/')); ?>" rel="home"><?php bloginfo('name'); ?></a></h1>
<?php
$description = get_bloginfo('description', 'display');
if ($description || is_customize_preview()) : ?>
<p class="site-description"><?php echo $description; /* WPCS: xss ok. */ ?></p>
<?php
endif; ?>
</div><!-- .site-branding -->
<nav id="main-navigation" class="site-navigation" role="navigation">
<button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false"><?php esc_html_e('Primary Menu', 'quietnoise'); ?></button>
<?php wp_nav_menu(array('theme_location' => 'primary', 'menu_id' => 'primary-menu')); ?>
</nav><!-- #main-navigation -->
</header><!-- #masthead -->
Chrome所提供的代码
<body class="single single-post postid-1 single-format-standard">
<div id="page" class="site">
<a class="skip-link screen-reader-text" href="#content">Skip to content</a>
<header id="masthead" class="site-header" role="banner">
<div id="topbar" class="clear">
<nav id="header-important-link-left" class="important-links-left">
<div id="important-links-menu-left" class="menu"><ul><li class="page_item page-item-2"><a href="http://localhost/wordpress/sample-page/">Sample Page</a></li></ul></div>
</nav>
</div><nav id="header-important-links-right" class="important-links-right">
<div id="important-links-menu-right" class="menu"><ul><li class="page_item page-item-2"><a href="http://localhost/wordpress/sample-page/">Sample Page</a></li></ul></div>
</nav>
</header></div>
<div class="site-branding">
<h1 class="site-title"><a href="http://localhost/wordpress/" rel="home">QuietNoise</a></h1>
<p class="site-description">Just another WordPress site</p>
</div><!-- .site-branding -->
<nav id="main-navigation" class="site-navigation" role="navigation">
<button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false">Primary Menu</button>
<div id="primary-menu" class="menu"><ul><li class="page_item page-item-2"><a href="http://localhost/wordpress/sample-page/">Sample Page</a></li></ul></div>
</nav><!-- #main-navigation -->
<!-- #masthead -->
元素closetag的地方是从原来的代码不同
任何帮助将不胜感激