Question

这是我的文件路径：

D:\web server\blog.dev.cc\wp-content\themes\ablog\css
for java script file path
D:\web server\blog.dev.cc\wp-content\themes\ablog\assets\js

我已经一次又一次地检查了每个代码，但是我的问题尚未解决。我试图将"更改为'图标，但无法正常工作，并更改CSS文件和JavaScript上的某些路径，但CSS不显示

// steel sheet 
      function ablog_add_stylesheet() {
              // outer styles sheet 
         wp_enqueue_style('font-awesome.min.css', get_template_directory_uri() . '/css/font-awesome.min.css'); // font awesome
         wp_enqueue_style('elegent-icons.css', get_template_directory_uri() . '/css/elegent-icons.css' );// icon
         wp_enqueue_style('bootstrap.min.css', get_template_directory_uri() . '/css/bootstrap.min.css',array(), '4.2.1','all');// bootstrap css
         wp_enqueue_style('owl.carousel.css', get_template_directory_uri() . '/css/owl.carousel.css' ); // own file for slide css

            //own  CSS Files style.css 
        wp_enqueue_style( 'lookway_header_css', get_template_directory_uri() . '/style.css' ); // main theme css file
        wp_enqueue_style( 'lookway_header_css', get_template_directory_uri() . '/css/header.css' ); // header css
        wp_enqueue_style('themes.css', get_template_directory_uri() . '/css/themes.css'); // for artical
        wp_enqueue_style('responsive.css', get_template_directory_uri() . '/css/responsive.css' );  // responsive   
    }
    add_action( 'wp_enqueue_scripts', 'ablog_add_stylesheet' );


    // script

        function ablog_add_stylesheets() {
        wp_enqueue_script('modernizr-2.8.3.min.js', get_template_directory_uri() . '/assets/js/modernizr-2.8.3.min.js' ); // script 
        wp_enqueue_script('plugins.js', get_template_directory_uri() . '/assets/js/plugins.js'); // script 
        wp_enqueue_script('main.js', get_template_directory_uri() . '/assets/js/main.js'); // script 

    }
    add_action('wp_enqueue_scripts', 'ablog_add_stylesheets');

添加文件时，主题上未显示任何CSS

Answer 1

在您的代码中，相同的句柄用于两种样式，即lookway_header_css，请进行更改。您可以使用以下代码来排队style.css：

wp_enqueue_style( 'theme-style', get_stylesheet_uri() );

还要检查 header.php 和 footer.php

上wp_head()和wp_footer()的调用是否正确

Answer 2

不要忘记将<?php wp_head(); ?>内的head和<?php wp_footer(); ?>的末尾放在body内，否则WordPress不知道在哪里打印脚本和样式。

我的Wordpress CSS文件在我的主题中不起作用

2 个答案: