PHP＆WordPress - 當我使用add_action（），wp_head（）和wp_footer（）函數時，爲什麼我的代碼會中斷？我該如何解決？

這些函數位於我的header.php和functions.php文件中。我包括我的header.php，index.php，footer.php和functions.php文件。我相信已經對錯誤進行了分區，並且它與function.php中的第二個add_action以及wp_head（）和wp_footer（）函數有關。基本上，當我刪除第二個添加動作或functions.php中的整個pt_theme_js功能塊時，不會發生錯誤（頁面無法加載）。PHP＆WordPress - 當我使用add_action（），wp_head（）和wp_footer（）函數時，爲什麼我的代碼會中斷？我該如何解決？

我該如何解決這個錯誤，爲什麼會發生？

的header.php

<!doctype html> 
<html class="no-js" lang="en"> 
    <head> 
    <meta charset="utf-8" /> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 
    <title><?php wp_title(); ?></title> 
    </head> 

    <?php wp_head(); ?> 

    <body> 
    <header class="row no-max pad main"> 
    <h1><a class='current' href="index.html">G</a></h1> 
    <a href="" class="nav-toggle"><span></span>Menu</a> 
    <nav> 
    <h1 class="open"><a class='current' href="index.html">G</a></h1> 
    <ul class="no-bullet"> 
     <li class="current parent"><a class='current' href="index.html">Portfolio</a> 
     <ul class="sub-menu"> 
      <li><a href="item.html">Portfolio Item</a></li> 
      <li><a href="item.html">Portfolio Item</a></li> 
      <li><a href="item.html">Portfolio Item</a></li> 
      <li><a href="item.html">Portfolio Item</a></li> 
     </ul> 
     </li> 
     <li class="parent"><a href="blog.html">Blog</a> 
     <ul class="sub-menu"> 
      <li><a href="single-post.html">Single Post</a></li> 
      <li><a href="author.html">Author Page</a></li> 
     </ul> 
     </li> 
     <li><a href="about.html">About</a></li> 
     <li><a href="contact.html">Contact</a></li> 
    </ul> 
    </nav> 
</header>

的index.php

<?php get_header(); ?> 
<?php get_footer(); ?>

Footer.php

<div class="footer-clear"></div> 
<footer class="row no-max pad"> 
    <ul class="social-links no-bullet"> 
    <li><a href="" class="icon icon-twitter"></a></li> 
    <li><a href="" class="icon icon-facebook"></a></li> 
    <li><a href="" class="icon icon-vimeo"></a></li> 
    <li><a href="" class="icon icon-youtube"></a></li> 
    <li><a href="" class="icon icon-linkedin"></a></li> 
    <li><a href="" class="icon icon-github"></a></li> 
    <li><a href="" class="icon icon-flickr"></a></li> 
    <li><a href="" class="icon icon-google"></a></li> 
    <li><a href="" class="icon icon-email"></a></li> 
    </ul>    
    <p>Copyright <?php echo date('Y'); ?></p> 
</footer> 

    <?php wp_footer(); ?> 
    </body> 
</html>

的functions.php

<?php 

function wpt_theme_styles() { 
    wp_enqueue_style('foundation_css', get_template_directory_uri() . '/css/foundation.css'); 
    wp_enqueue_style('normalize_css', get_template_directory_uri() . '/css/normalize.css'); 
    wp_enqueue_style('main_css', get_template_directory_uri() . '/style.css'); 
} 

add_action('wp_enqueue_scripts', 'wpt_theme_styles'); 

function wpt_theme_js() { 
    wp_enqueue_scripts('modernizr_js', get_template_directory_uri() . '/js/modernizr.js', '', '', false); 
    wp_enqueue_scripts('foundation_js', get_template_directory_uri() . '/js/foundation.min.js', array('jquery'), '', true); 
    wp_enqueue_scripts('main_js', get_template_directory_uri() . '/js/app.js', array('jquery', 'foundation_js'), '', true); 
} 

add_action('wp_enqueue_scripts', 'wpt_theme_js'); 

?>

來源

2015-06-19 Michael Mazique

我不知道這是否會解決所有問題，但應該是標籤中的最後一項。所以就在之前，你應該調用你的wp_head（）函數。 – Joe

-1

嘗試刪除函數文件末尾處的結尾'？>'。

沒有保證，但通常沒有一個。

來源

2015-06-19 21:06:23

通過

wp_enqueue_script([...]

來源

2015-06-19 21:19:09

我不認爲這有效。當我將「腳本」寫入「腳本」時，它不會將任何文檔加載到頁面中。 –

變化

wp_enqueue_scriptS([...]

解決。

我解決它通過使用本演練： http://www.wpbeginner.com/wp-tutorials/how-to-properly-add-javascripts-and-styles-in-wordpress/

我所做的是改變處理JS文件wp_enqueue_scripts和第一wp_enqueue_script之前使用wp_register_script。 @ rubenrp81提到了將wp_enqueue_scripts更改爲wp_enqueue_script，並且答案在我上面共享的鏈接中。

這是我得到的functions.js文件：

<?php 

function basic_theme_styles() { 
    wp_enqueue_style('foundation_css', get_template_directory_uri() . '/css/foundation.css'); 
    wp_enqueue_style('normalize_css', get_template_directory_uri() . '/css/normalize.css'); 
    wp_enqueue_style('main_css', get_template_directory_uri() . '/style.css'); 
} 

add_action('wp_enqueue_scripts', 'basic_theme_styles'); 


function basic_theme_js() { 
    wp_register_script('modernizr_js', get_template_directory_uri() . '/js/modernizr.js', array('jquery'), '', false); 
    wp_enqueue_script('modernizr_js'); 

    wp_register_script('foundation_js', get_template_directory_uri() . '/js/foundation.min.js', array('jquery'), '1.1', true); 
    wp_enqueue_script('foundation_js'); 

    wp_register_script('main_js', get_template_directory_uri() . '/js/app.js', array('jquery', 'foundation_js'), '', true); 
    wp_enqueue_script('main_js'); 
} 

add_action('wp_enqueue_scripts', 'basic_theme_js'); 
?>

來源

2015-06-19 22:50:43

PHP＆WordPress - 當我使用add_action（），wp_head（）和wp_footer（）函數時，爲什麼我的代碼會中斷？我該如何解決？

回答

相關問題