Question

我是wordpress的新手，我正在将html模板转换为wordpress。我已将所有css文件包含在函数文件中但css不起作用。所有css文件都在css文件夹中。以下是代码：

<?php
if (!isset($content_width)){
$content_width = 660;}
function softech_setup(){
add_theme_support('automatic-feed-links');
add_theme_support('title-tag');}
add_action('after_setup_theme', 'softech_setup');
function softech_scripts(){ 
/*Add Styles*/
wp_enqueue_style('all-css', get_template_directory_uri() . '/css/all.css');
wp_enqueue_style('font-awesome-css', get_template_directory_uri() . '/css/font-awesome.min.css');
wp_enqueue_style('bootstrap-css', get_template_directory_uri() . '/css/bootstrap.css');
wp_enqueue_style('animate-css', get_template_directory_uri() . '/css/animate.css');
wp_enqueue_style('color-css', get_template_directory_uri() . '/css/color/color.css');
wp_enqueue_style('settings-css', get_template_directory_uri() . '/rs-plugin/css/settings.css.css');

/*Add Scripts*/
wp_enqueue_script('bootstrap-js', get_template_directory_uri() . '/js/bootstrap.min.js', array('jquery'), true );
wp_enqueue_script('jquery-1.11.3.min-js', get_template_directory_uri() . '/js/jquery-1.11.3.min.js', array('jquery'), true);
wp_enqueue_script('jquery-main-js', get_template_directory_uri() . '/js/jquery.main.js', array('jquery'), true);
wp_enqueue_script('jquery-plugins-js', get_template_directory_uri() . '/js/plugins.main.js', array('jquery'), true);
wp_enqueue_script('jquery-themepunch.tools-js', get_template_directory_uri() . '/rs-plugin/js/jquery.themepunch.tools.min.js', array('jquery'), true);
wp_enqueue_script('jquery-themepunch.revolution-js', get_template_directory_uri() . '/rs-plugin/js/jquery.themepunch.revolution.min.js', array('jquery'), true);
}
add_action('wp_enqueue_scripts ', 'softech_scripts');
?>

Answer 1

检查您是否正确包含以下功能：

<强> 1。在header.php中

<head>
<?php wp_head(); ?>
</head>

<强> 2。在page.php，single.php，home.php

<?php get_header(); ?>

<?php get_footer(); ?>

第3。在footer.php（</body></html>标记之前）

<?php wp_footer(); ?>

Answer 2

检查您的网页来源。

Rightclick - ＆gt; Goto-＆GT;查看页面来源。

在页面源中检查您的样式表网址。

Answer 3

使用get_stylesheet_uri()代替get_template_directory_uri()

Answer 4

尝试使用wp_register_style函数。 https://codex.wordpress.org/Function_Reference/wp_register_style

wp_register_style('all-css', get_template_directory_uri() . '/css/all.css');

wp_enqueue_style('all-css');

CSS在wordpress中不起作用

4 个答案: