Question

我正在尝试将styles.css样式表包含在我正在尝试开发的wordpress主题中（我的第一个）。问题：如何包含它？我知道将以下代码放在我的header.php文件中：

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>">

但我宁愿通过functions.php包含它，如下所示：

<?php
function firstTheme_style(){
    wp_enqueue_style( 'core', 'style.css', false ); 
}
add_action('wp_enqueue_scripts', 'firstTheme_style');
?>

然而这根本不起作用（当我从header.phps＆＃39; head＆＃39;中删除该行时，我的样式不见了？

Answer 1

以下方法包括style.css。

方法 - 1

// add in your header.php
<link rel="stylesheet" href="<?php echo get_stylesheet_uri(); ?>">

方法 - 2

// load css into the website's front-end
function mytheme_enqueue_style() {
    wp_enqueue_style( 'mytheme-style', get_stylesheet_uri() ); 
}
add_action( 'wp_enqueue_scripts', 'mytheme_enqueue_style' );

方法 - 3

// Add this code in your functions.php
function add_stylesheet_to_head() {
      echo "<link href='".get_stylesheet_uri()."' rel='stylesheet' type='text/css'>";
}

add_action( 'wp_head', 'add_stylesheet_to_head' );

Answer 2

包含styles.css文件的最佳方法是在主题函数中添加以下代码.php

function themename_enqueue_style() { wp_enqueue_style( 'themename-style', get_stylesheet_uri() ); } add_action( 'wp_enqueue_scripts', 'themename_enqueue_style' );

Answer 3

最佳做法是在 functions.php

中创建自定义函数

function custom_function(){}

之后尝试使用这个wordpress函数wp_enqueue_style来调用css文件安全

function custom_function(){
wp_enqueue_style ('any-name',get_template_directory_uri().'/css/style.css');}

并添加add_action函数

add_action( 'wp_enqueue_scripts', 'custom_function' );

如何在wordpress主题中包含styles.css？

3 个答案: