Question

这里的第一个问题。我想知道你们是否可以帮助我。

所以我试图将静态Bootstrap主题网站传递到动态CMS wordpress网站。所以我用html / css编写了网站，向客户展示了它，现在我正在把它变成一个wordpress主题。现在这不是我制作的第一个wordpress网站，但我确实有一个让我难过的问题。我试图通过wp_enqueue函数系统链接所有样式表和脚本，这是我到目前为止所提出的：

function.php

<?php
function wpt_theme_styles() {

  wp_enqueue_style('bootstrap' , get_template_directory_uri().'assets/css/bootstrap.min.css', array(), '1.0.0', 'all');
  wp_enqueue_style('font-awesome' , get_template_directory_uri() . 'assets/css/font-awesome.min.css', array(),'1.0.0', 'all');
  wp_enqueue_style('animate' , get_template_directory_uri() . 'assets/css/animate.css', array(),'1.0.0', 'all');
  wp_enqueue_style('font' , get_template_directory_uri() . 'assets/css/font.css', array(),'1.0.0', 'all');
  wp_enqueue_style('li-scroller' , get_template_directory_uri() . 'assets/css/li-scroller.css', array(),'1.0.0', 'all');
  wp_enqueue_style('slick' , get_template_directory_uri() . 'assets/css/slick.css', array(),'1.0.0', 'all');
  wp_enqueue_style('jquery_fancybox' , get_template_directory_uri() . 'assets/css/jquery.fancybox.css', array(), '1.0.0', 'all');
  wp_enqueue_style('theme' , get_template_directory_uri() . 'assets/css/theme.css', array(bootstrap),'1.0.0', 'all');
  wp_enqueue_style('style' , get_template_directory_uri() . 'style.css' , array(bootstrap),'1.0.0', 'all');

  wp_enqueue_scripts('wow', get_template_directory_uri() . 'assets/js/wow.mim/js' , array('jquery'), '1.0.0', true);
  wp_enqueue_scripts('bootstrap', get_template_directory_uri() . 'assets/js/bootstrap.min.js' , array('jquery'), '1.0.0', true);
  wp_enqueue_scripts('slick', get_template_directory_uri() . 'assets/js/slick.min.js' , array('jquery'), '1.0.0', true);
  wp_enqueue_scripts('jquery_li_scroller', get_template_directory_uri() . 'assets/js/jquery.li-scroller.1.0.js' , array('jquery'), '1.0.0', true);
  wp_enqueue_scripts('jquery_newsTicker', get_template_directory_uri() . 'assets/js/jquery.newsTicker.min.js' , array('jquery'), '1.0.0', true);
  wp_enqueue_scripts('jquery_fancybox_pack', get_template_directory_uri() . 'assets/js/jquery.fancybox.pack.js' , array('jquery'), '1.0.0', true);
  wp_enqueue_scripts('custom', get_template_directory_uri() . 'assets/js/custom.js' , array('jquery'), '1.0.0', true);


}

add_action("wp_enqueue_scripts", 'wpt_theme_styles');


?>

的header.php

<!DOCTYPE html>
<html>
<head>
<title>8to Mandamiento</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<?php wp_head(); ?>

我从来没有使用过这个函数所以它可能非常粗糙或构造不好，但我一直在阅读那些在标题中回应的样式表不是链接它的正确形式。然而，当我尝试这个系统时，我得到的只是崩溃（https://imgur.com/a/2phNv）

有人认为他们可以帮助我吗？

Answer 1

我找到了自己问题的答案。这就是我要找的东西。

要开始，我不应该直接排队样式或脚本。在将样式或脚本排队之前，通常最好注册样式/脚本，如下所示：

    function octavomandamiento_styles() {
      /* Stylesheets */    
    wp_register_style('bootstrap', get_template_directory_uri().'/assets/css/bootstrap.min.css');
            wp_enqueue_style('bootstrap', get_template_directory_uri().'/assets/css/bootstrap.min.css', array(''), null, all);
...
... /*Rest of the styles*/
...}

add_action("wp_enqueue_scripts", 'octavomandamiento_styles');

为了完整起见，我也会展示一个脚本示例

function octavomandamiento_scripts() {
  /* Scripts */

  wp_register_script('wow', get_template_directory_uri().'/js/wow.min.js');
    wp_enqueue_script('wow',  get_template_directory_uri() . '/js/wow.mim/js' , array('jquery'), null, true);
...
.../*rest of the function*/
...}

add_action("wp_enqueue_scripts", 'octavomandamiento_scripts');

然后应该在放置：

的位置正确加载脚本

<?php wp_head(); ?>
/* and */
<?php wp_footer(); ?>

分别应放在header.php和footer.php中。

其次我尝试在一个单独的函数上使用两个队列但这只是继续在我身上弹出错误。我确信它可以在一个中完成，但我真的无法弄清楚它为什么不起作用而且老实说它仍然可以正常加载。

最后，我的入队脚本上有一个sintaxis错误。你看到当你编写函数并排队和注册脚本时，你应该输入：

wp_register_script('wow', get_template_directory_uri().'/js/wow.min.js');
    wp_enqueue_script('wow',  get_template_directory_uri() . '/js/wow.mim/js' , array('jquery'), null, true);

我放了

wp_enqueue_scripts('wow', get_template_directory_uri() . 'assets/js/wow.mim/js' , array('jquery'), '1.0.0', true);

你有没有发现这个错误？我花了一段时间来搞清楚。在排队和注册时必须使用单数脚本，但在调用wp_enqueue操作时，您必须使用复数脚本。在后视中看起来很合乎逻辑但是很好。你生活和学习。

希望这篇文章对任何有这个或任何其他入队问题的人都有用

wp_head（）;崩溃的apache（xammp）

1 个答案: