添加多个css到Wordpress header.php


Adding multiple css to Wordpress header.php

我有几个css文件需要链接到主PHP文件的滑块,猫头鹰carousel插件等

经过搜索,我发现了如何添加多个css到我的主题:

1)使用wp_register_style2)使用wp_enqueue_style

我看不出它们之间的区别。我也想知道如何使用它们。

这是我在将HTML主题转换为Wordpress之前的样式链接:

<link rel="stylesheet" type="text/css" 
href="stylecss/bootstrap.min.rtl.css.css">
<link rel="stylesheet" type="text/css" href="stylecss/bootstrap-3.2.rtl.css">
<link rel="stylesheet" href="fa/css/font-awesome.min.css">
<link rel="stylesheet" href="owl-carousel/owl.carousel.css">
<link rel="stylesheet" href="owl-carousel/owl.theme.css">
<link rel="stylesheet" type="text/css" href="stylecss/style.css">
<link rel="stylesheet" type="text/css" href="font/stylesheet.css">

这是我尝试链接我的css文件的方式:

<!-- adding bootstrap style sheet -->
<?php wp_register_style('bootstrap-style1',get_template_directory_uri() . '/stylecss/bootstrap.min.rtl.css.css',array(),'null', 'all', );?>
<?php wp_register_style('bootstrap-style2',get_template_directory_uri() . '/stylecss/bootstrap-3.2.rtl.css',array(),'null', 'all', );
?>
<!-- End of bootstrap style links -->
<!-- adding fonts style sheet -->
<?php wp_register_style('font-awesome',get_template_directory_uri() . 'fa/css/font-awesome.min.css',array(),'null', 'all', );
?>
<?php wp_register_style('fonts',get_template_directory_uri() . 'font/stylesheet.css',array(),'null', 'all', );
?>
<!-- End of fonts style links -->

将此代码添加到function.php和header.php之间的区别是什么?我在这里读到,我们可以添加header.php和function.php.

你可以用两种方式添加css,首先你必须上传你的活动主题css目录中的所有文件,然后你可以wp_enqueue_style或复制粘贴下面的代码到你的活动主题header.php文件。

<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/bootstrap.min.rtl.css.css">
<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/bootstrap-3.2.rtl.css">
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/fa/css/font-awesome.min.css">
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/owl-carousel/owl.carousel.css">
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/owl-carousel/owl.theme.css">
<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/style.css">
<link rel="stylesheet" type="text/css" href="font/stylesheet.css">

第二个问题你可以参考这个url

wp_enqueue_*和各自的wp_register_*函数之间的主要区别是,第一个将脚本/样式添加到队列中,第二个准备要添加的脚本/样式。更多:https://wordpress.stackexchange.com/questions/124354/why-wp-register-style-is-important-while-im-using-a-complete-wp-enqueue-style

这是wordpress中包含CSS文件的标准形式之一。

我把主题放在function.php中虽然我找不到添加主题到function.php或header.php之间的区别,没有太大的不同,只是当你在header.php中添加主题时不是更灵活,你可以缓存更多的速度。

我使用了方法一和方法二

wp_register_style('bootstrap-style1',get_template_directory_uri() . '/stylecss/bootstrap.min.rtl.css.css',array(),'null', 'all' );
wp_enqueue_style('bootstrap-style1');

如果你想知道更多关于这两种方式之间的区别,正如我所问的,你可以使用这个链接,正如Raunak Gupta在他的回答中所说的。