[英]style.css in Wordpress doesn't work after adding header.php file
[英]Adding multiple css to Wordpress header.php
我有一些css文件需要链接到滑块,owl carousel插件等主PHP文件。
在搜索之后,我发现了如何在我的主题中添加多个css:
1)使用wp_register_style
使用2) 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">
对于你的第二个问题,你可以回答这个网址 。
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告诉他的答案。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.