javascript - 脚本和样式未在 functions.php 中排队

标签 javascript php html css wordpress

我正在转换一个 wordpress 主题中的 html 模板，我试图在 functions.php 中加入样式和脚本，但有些工作正常，有些不工作我的自定义 css 也没有工作只有 Bootstrap 类工作 下面是我的 header.php 代码:

<?php
 /**
 * Header file for the Twenty Twenty WordPress default theme.
 *
 * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
 *
 * @package WordPress
 * @subpackage Twenty_Twenty
 * @since Twenty Twenty 1.0
 */

?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* 
these tags -->s
<title> Unistore Pro &middot; Premium Responsive E-Commerce Template</title>

<meta name="description" content="Bootstrap template for you store - E-Commerce Bootstrap Template">
<meta name="keywords" content="unistore, e-commerce bootstrap template, premium e-commerce bootstrap 
template, premium bootstrap template, bootstrap template, e-commerce, bootstrap template, sunrise 
digital">
<meta name="author" content="Sunrise Digital">
<link rel="shortcut icon" type="image/x-icon" href="favicon.png">

<!-- Bootstrap -->
<link href="assets/css/bootstrap.css" rel="stylesheet">
<link href="assets/css/custom.css" rel="stylesheet">
<link href="assets/css/carousel.css" rel="stylesheet">
<link href="assets/ionicons-2.0.1/css/ionicons.css" rel="stylesheet">
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<link href='https://fonts.googleapis.com/css?family=Catamaran:400,100,300' rel='stylesheet' 
type='text/css'>

<link href="assets/css/custom-scroll/jquery.mCustomScrollbar.css" rel="stylesheet">

    <?php wp_head(); ?>

</head>

下面是functions.php入队代码的代码:

    function Twenty_twenty_files() { 
    wp_enqueue_style('twentytwenty_style', get_stylesheet_uri()); 
    } 

    add_action('wp_enqueue_scripts', 'Twenty_twenty_files');


    function Twenty_twenty_scripts() { 
    wp_enqueue_script('twentytwenty_script', get_theme_file_uri(), array(), '1.0'); 

    wp_enqueue_script( 'twentytwenty-priority-menu', get_theme_file_uri( '/js/custom- 
   scroll/jquery.mCustomScrollbar.concat.min.js' ), array(), '20181214', true );
        wp_enqueue_script( 'twentytwenty-touch-navigation', get_theme_file_uri( '/js/bootstrap.js' ), 
    array(), '20181231', true );
        wp_enqueue_script( 'twentytwenty-priority-menu', get_theme_file_uri( '/js/bootstrap.min.js' ), 
    array(), '20181214', true );
        wp_enqueue_script( 'twentytwenty-priority-menu', get_theme_file_uri( '/js/carousel.js' ), 
    array(), '20181214', true );
        wp_enqueue_script( 'twentytwenty-priority-menu', get_theme_file_uri( '/js/carousel-product.js' ), 
    array(), '20181214', true );
        wp_enqueue_script( 'twentytwenty-priority-menu', get_theme_file_uri( '/js/checkout.js' ), 
    array(), '20181214', true );
        wp_enqueue_script( 'twentytwenty-priority-menu', get_theme_file_uri( '/js/color-calculations.js' 
    ), array(), '20181214', true );
        wp_enqueue_script( 'twentytwenty-priority-menu', get_theme_file_uri( '/js/core.js' ), array(), 
    '20181214', true );
        wp_enqueue_script( 'twentytwenty-priority-menu', get_theme_file_uri( '/js/customize.js' ), 
    array(), '20181214', true );
        wp_enqueue_script( 'twentytwenty-priority-menu', get_theme_file_uri( '/js/customize-controls.js' 
    ), array(), '20181214', true );
        wp_enqueue_script( 'twentytwenty-priority-menu', get_theme_file_uri( '/js/customize-preview.js' 
    ), array(), '20181214', true );
        wp_enqueue_script( 'twentytwenty-priority-menu', get_theme_file_uri( '/js/editor-script-block.js' 
    ), array(), '20181214', true );
        wp_enqueue_script( 'twentytwenty-priority-menu', get_theme_file_uri( '/js/index.js' ), array(), 
     '20181214', true );
        wp_enqueue_script( 'twentytwenty-priority-menu', get_theme_file_uri( 
    '/js/jquery.touchSwipe.min.js' ), array(), '20181214', true );
        wp_enqueue_script( 'twentytwenty-priority-menu', get_theme_file_uri( '/js/jquery.ui.touch- 
   punch.js' ), array(), '20181214', true );
        wp_enqueue_script( 'twentytwenty-priority-menu', get_theme_file_uri( '/js/jquery-latest.min.js' 
    ), array(), '20181214', true );
        wp_enqueue_script( 'twentytwenty-priority-menu', get_theme_file_uri( '/js/jquery-ui-1.11.4.js' ), 
    array(), '20181214', true );
        wp_enqueue_script( 'twentytwenty-priority-menu', get_theme_file_uri( '/js/masonry.pkgd.min.js' ), 
    array(), '20181214', true );
        wp_enqueue_script( 'twentytwenty-priority-menu', get_theme_file_uri( '/js/npm.js' ), array(), 
    '20181214', true );
        wp_enqueue_script( 'twentytwenty-priority-menu', get_theme_file_uri( '/js/skip-link-focus-fix.js' 
    ), array(), '20181214', true );
        wp_enqueue_script( 'twentytwenty-priority-menu', get_theme_file_uri( '/js/store.js' ), array(), 
    '20181214', true );
    }
    add_action( 'wp_enqueue_scripts', 'Twenty_twenty_scripts' );

最佳答案

确保为所有 wp_enqueue_script 和 wp_enqueue_style 提供唯一句柄。第一个参数是句柄。您还可以使用 wp_dequeue_script 根据句柄删除 js。试试下面的代码。

function Twenty_twenty_scripts() { 
    wp_enqueue_script( 'twentytwenty_script',        get_theme_file_uri(), array(), '1.0'); 
    wp_enqueue_script( 'twentytwenty-priority-menu', get_theme_file_uri( '/js/custom- scroll/jquery.mCustomScrollbar.concat.min.js' ), array(), '20181214', true );
    wp_enqueue_script( 'bootstrap',                  get_theme_file_uri( '/js/bootstrap.js' ), array(), '20181231', true );
    wp_enqueue_script( 'bootstrap-min',              get_theme_file_uri( '/js/bootstrap.min.js' ),  array(), '20181214', true );
    wp_enqueue_script( 'carousel',                   get_theme_file_uri( '/js/carousel.js' ),  array(), '20181214', true );
    wp_enqueue_script( 'carousel-product',           get_theme_file_uri( '/js/carousel-product.js' ),  array(), '20181214', true );
    wp_enqueue_script( 'checkout',                   get_theme_file_uri( '/js/checkout.js' ),  array(), '20181214', true );
    wp_enqueue_script( 'color-calculations',         get_theme_file_uri( '/js/color-calculations.js'  ), array(), '20181214', true );
    wp_enqueue_script( 'core',                       get_theme_file_uri( '/js/core.js' ), array(),  '20181214', true );
    wp_enqueue_script( 'customize',                  get_theme_file_uri( '/js/customize.js' ),  array(), '20181214', true );
    wp_enqueue_script( 'customize-controls',         get_theme_file_uri( '/js/customize-controls.js' ), array(), '20181214', true );
    wp_enqueue_script( 'customize-preview',          get_theme_file_uri( '/js/customize-preview.js' ), array(), '20181214', true );
    wp_enqueue_script( 'editor-script-block',        get_theme_file_uri( '/js/editor-script-block.js' ), array(), '20181214', true );
    wp_enqueue_script( 'index',                      get_theme_file_uri( '/js/index.js' ), array(), '20181214', true );
    wp_enqueue_script( 'touchSwipe',                 get_theme_file_uri( '/js/jquery.touchSwipe.min.js' ), array(), '20181214', true );
    wp_enqueue_script( 'touch- punch',               get_theme_file_uri( '/js/jquery.ui.touch-punch.js' ), array(), '20181214', true );
    wp_enqueue_script( 'jquery-latest',              get_theme_file_uri( '/js/jquery-latest.min.js' ), array(), '20181214', true );
    wp_enqueue_script( 'jquery-ui',                  get_theme_file_uri( '/js/jquery-ui-1.11.4.js' ), array(), '20181214', true );
    wp_enqueue_script( 'masonry',                    get_theme_file_uri( '/js/masonry.pkgd.min.js' ), array(), '20181214', true );
    wp_enqueue_script( 'npm',                        get_theme_file_uri( '/js/npm.js' ), array(), '20181214', true );
    wp_enqueue_script( 'skip-link-focus-fix',        get_theme_file_uri( '/js/skip-link-focus-fix.js' ), array(), '20181214', true );
    wp_enqueue_script( 'store',                      get_theme_file_uri( '/js/store.js' ), array(), '20181214', true );
}
add_action( 'wp_enqueue_scripts', 'Twenty_twenty_scripts' );

关于javascript - 脚本和样式未在 functions.php 中排队，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/66882353/

上一篇：java - 通过java客户端查询主键 - Aerospike

下一篇：sql - 使用交叉应用子查询优化sql查询时出现问题

相关文章：

javascript - 他们会修复移动滚动事件吗？

javascript - 无法从下拉列表中获取选定的值

javascript - 定位当前位置标记

html - 来自组件的 Angular 4 模式验证

html - 在一个较小的容器中溢出一个较大的容器并将其居中

javascript - CSS HTML 最后一个 child 不工作？

javascript - AngularJS:处理任何事件的通用监听器

php - 使用 php 查询 mysql 行

php - SQL BETWEEN 语句不返回任何结果？

php - 错误 fatal error : Call to a member function insert() on a non-object

©2024 IT工具网  联系我们