个人中心
gpt4 book ai didi

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

转载 作者：行者123 更新时间：2023-11-28 03:35:20 25 4
gpt4 key购买 nike

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

所以我试图将一个静态的 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.php 和 footer.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/

25 4 0
文章推荐： javascript - UI Kit - 以编程方式多次触发 Scrollspy
文章推荐： c++ - 转义字符包含在字符串中
文章推荐： javascript - 更改聊天中通过 javascript 动态创建的图像的标题
文章推荐： CSS Bootstrap 面板间隙 - 像 Pinterest 一样制作
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com