堆棧內存溢出
  簡體   English   中英

腳本和 Styles 不在函數中排隊。php

[英]Scripts and Styles are not enqueuing in functions.php

 原文  2021-03-31 05:50:52  5   2    javascript/ php/ html/ css/ wordpress

問題描述

I am converting a html template in wordpress theme, I tried to enqueue the styles and scripts in functions.php but some are working and some are not working my custom css is also not working only bootstrap classes are working Below is my header.php code ：

<?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>

現在這里是函數的代碼。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' );

2 個解決方案

解決方案1
 1  2021-03-31 06:19:10

您可以像下面的代碼一樣添加樣式和腳本，並且您需要為 id 的所有樣式和腳本添加唯一的，請查看可以更改 id 的附加圖片。

wp_enqueue_style('slick', get_stylesheet_directory_uri().'/assets/css/slick.css'; wp_enqueue_script('general', get_stylesheet_directory_uri().'/assets/js/general.js'; 在此處輸入圖像描述

解決方案2
 1 已采納  2021-03-31 06:28:16

確保為所有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' );

暫無
暫無

聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

相關問題 WordPress 在函數中使用 JavaScript 將 CSS 文件排隊。ZE1BFD762321E409CEEZBAC01 wordpress-注冊，排隊和添加javascript functions.php 將wordpress中的樣式表和腳本與functions.php鏈接 將延遲添加到腳本函數.php 損壞的functions.php; 如何將腳本從引導移動到WordPress？ Javascript 在功能中。php Smoothstate.js-通過functions.php加載特定的樣式表和腳本不起作用 如何在我的 functions.php 文件中加入多個 Wordpress AJAX 腳本？ 查詢functions.php中的函數？ 在functions.php中插入簡碼
相關標簽
 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM