2016-11-07 36 views
-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的地方是從原來的代碼不同

任何幫助將不勝感激

回答

0

試試這個:

<a href ='<?php echo get_theme_mod($slug."_link");?>'> 

,而不是這個

<a href ='<?php echo get_theme_mod($slug.'_link');?>'> 

在#header-social-media-box中。我認爲理解單引號和雙引號是不匹配的。

如果您使用文本編輯器(例如括號或其他)和正確的縮進,這種類型的問題立即脫穎而出(括號(與我的顏色設置)顯示這部分紅色 - 所以我看到有問題)。

有了這個問題,標題的另一半沒有(甚至沒有標題結束標記),所以瀏覽器關閉了它應該關閉的標記。

相關問題