【是否将自定义CSS添加到默认style.css(下划线_S WordPress主题)()】我目前正在_S Underscores WordPress主题之上构建自定义主题。我立即要做的一件事就是删除style.css文件中的所有内容, 因为我想创建自己的样式(主要是使用Bootstrap)。
但是, 我似乎无法在style.css中获得某些属性来对html进行更改。例如, 我试图将以下<
h1>
标记设置为红色。但这不会改变。
<
h1 id =”
testOfContent”
>
测试<
/ h1>
CSS(在Underscores提供的style.css文件中):
#testOfContent {
color: red;
}
但是, 字体保持黑色。你如何操作wordpress主题(尤其是_S Underscores, 它是可自定义的)以使用自己的CSS?关于它为什么不注册我自己的CSS的任何想法?
这是我的functions.php文件以及如何加载脚本:
function tlas_css() {
// Enqueue bootstrap css
wp_register_style('bootstrap-css', get_template_directory_uri() . '/bootstrap-3.3.4/css/bootstrap.min.css');
wp_enqueue_style('bootstrap-css');
// Enqueue custom stylesheet
wp_enqueue_style( 'tlas-custom-style', get_template_directory_uri() . '/css/tlas.css' );
wp_enqueue_style( 'tlas-style', get_template_directory_uri() . '/style.css');
}
add_action( 'wp_enqueue_scripts', 'tlas_css' );
#1你应该使用wp_enqueue_style(‘ your-style’ , get_stylesheet_uri()); 检索当前主题样式表的URI。
在codex.wordpress.org上阅读更多内容
#2我更喜欢自定义并添加到_s主题的CSS的工作流程是通过编辑.scss Sass文件。确保选择” 高级选项” , 以便你可以勾选_sassify!如果在https://underscores.me/#generator上使用_s主题生成器, 则选中该复选框
然后, 由于Bootstrap 4是用Sass编写的, 因此你可以导入所需的Bootstrap Sass。如果你喜欢使用Bootstrap 3, 也可以找到它的Sass端口。
如果你不确定如何构建Sass, 我会为下划线Wordpress入门主题中包含的Sassify选项放一个Webpack 4开发工作流程。希望这对https://jimfrenette.com/2018/08/completely-blank-no-css-_s-wordpress-starter-theme/有帮助
#3你可以尝试以下一种方法:
add_action( 'wp_enqueue_scripts', 'yourstyle' );
function yourstyle() {
wp_enqueue_style( 'yourstyle', get_template_directory_uri() . '/css/yourstyle.css', array(), PARENT_THEME_VERSION );
}
推荐阅读
- 在主题中添加额外的注册字段我的插件wordpress
- 将视频上传器添加到我的WordPress自定义程序中
- 将if语句添加到WordPress中的php中的类
- 为每个菜单项添加额外的字段
- #yyds干货盘点#看动画学算法之:hashtable
- Java集合框架之 Collection 接口 #yyds干货盘点#
- 携程一面(分布式配置系统Apollo如何实时更新配置的?)
- Hadoop 入门笔记—核心组件 YARN
- git基础命令大全