对于将 html 转换为 wordpress 的网站，如何将样式表添加到 wordpress？

Question

对于将 HTML 转换为 WordPress 的网站，如何将样式表添加到 WordPress？

HTML 头部样式表的链接。

<link data-minify="1" rel='stylesheet' id='fontAweasome-css'  href='wp-content/themes/lacomparaison/fonts/fontawesome/css/all.css' type='text/css' media='all' />

<link data-minify="1" rel='stylesheet' id='ft-header-style-css'  href='wp-content/themes/lacomparaison/css/header/header.css' type='text/css' media='all' />

在function.php代码中链接样式表。

<?php
function add_css() {
    wp_register_style( 'ft-header-style-css', get_template_directory_uri() . '/wp-content/themes/firstguide/css/header/header.css', false, '1.1', 'all' );
    wp_enqueue_style( 'ft-header-style-css' );

    wp_register_style( 'fontAweasome-css', get_template_directory_uri() . '/wp-content/themes/firstguide/fonts/fontawesome/css/all.css', false, '1.1', 'all' );
    wp_enqueue_style( 'fontAweasome-css' );
}
add_action( 'wp_enqueue_scripts', 'add_css' );

header.php中的代码链接样式表

添加<?php wp_head(); ?> <?php wp_head(); ?>就在之前

我在本地主机 XAMPP 上将 HTML 转换为 WordPress，但 css 文件未链接到 header。

Answer 1

如我所见，您的 header 文件看起来不错。 但是您似乎使用了错误的 url 路径。 我换了url。

之前：

/wp-content/themes/firstguide/css/header/header.css

后：

/firstguide/css/header/header.css

另一个也一样。

这是您可以在function.php页面上使用的代码

function add_css(){
wp_register_style('ft-header-style-css', get_template_directory_uri() . '/firstguide/css/header/header.css', false,'1.1','all');
wp_register_style('fontAweasome-css', get_template_directory_uri() . '/firstguide/fonts/fontawesome/css/all.css', false,'1.1','all');


wp_enqueue_style('ft-header-style-css') ;
wp_enqueue_style('fontAweasome-css') ;

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