javascript - wp_head();崩溃的 apache (xampp)

标签 javascript php css wordpress wordpress-theming

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

所以我试图将一个静态的 Bootstrap 主题网站传递到一个动态的 CMS wordpress 网站。所以我用 html/css 对网站进行编码,将其展示给客户,现在我正在将其变成 wordpress 主题。现在这不是我制作的第一个 wordpress 网站,但我确实遇到了一个让我难过的问题。我正在尝试通过 wp_enqueue 函数系统链接所有样式表和脚本,这是我到目前为止所想出的:

函数.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');


?>

标题.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)

有人认为他们可以帮我放吗?

最佳答案

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

首先,我不应该直接让样式或脚本入队。在将样式或脚本加入队列之前,通常最好像这样注册样式/脚本:

    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.phpfooter.php 中。

其次 我尝试在一个函数上同时使用两个入队,但这只会继续向我弹出错误。我确信可以一次完成所有操作,但我真的无法弄清楚它为什么不工作,老实说它仍然可以正常加载。

最后,事实上我的入队脚本有一个语法错误。你会看到当你编写你的函数并且你排队和注册脚本时,你应该输入:

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);

你发现错误了吗? 我花了一段时间才弄明白。在入队和注册时,您必须使用单数 script,但在调用 wp_enqueue 操作时,您必须使用复数 scripts。事后看来这似乎很合乎逻辑,但是哦。你生活和学习。

希望这篇文章对遇到此问题或任何其他排队问题的人有用

关于javascript - wp_head();崩溃的 apache (xampp),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44512655/

相关文章:

javascript - 如何将相同的自动完成操作应用于多个表单字段

javascript - html 溢出 x 失败

php - parse_url() PHP 工作异常

php - Drupal:使用 View 输出作为节点内容

html - 使用 HTML 与 Photoshop 创建导航栏

javascript - react 。登录后新路由器

php - 如何设置 PHP 生成的标签的样式?

html - 背景比 iframe 大

javascript - 如何在单击时删除焦点菜单上的焦点

javascript - 您如何在 EmberJs 应用程序中将所有 HTTP 请求设为 'intercept'?