WordPress函数:wp_register_style 注册 CSS 样式脚本

江河/ 2023年08月08日/ WordPress/ 浏览 1314

函数原型:


wp_register_style( string $handle, string|false $src, string[] $deps = array(), string|bool|null $ver = false, string $media = 'all' ): bool


注册CSS样式表。


参数说明:


$handle,样式表的名称。应该是唯一的。


$src,样式表的完整URL,或者样式表相对于WordPress根目录的路径。若source设置为false,那个么样式表就是它所依赖的其他样式表的别名。


$deps,一个已注册样式表数组处理此样式表所依赖的。


$ver,指定样式表版本号的字符串(如果有),该版本号作为查询字符串添加到URL中,用于破坏缓存。如果version设置为false,则会自动添加与当前安装的WordPress版本相等的版本号。如果设置为null,则不添加任何版本。


$media,已为其定义此样式表的媒体。默认为“all”。接受媒体类型,如“all”、“print”和“screen”,或媒体查询,如“(方位:纵向)”和“(最大宽度:640px)”。默认值:“all”


函数源码:


function wp_register_style( $handle, $src, $deps = array(), $ver = false, $media = 'all' ) {
	_wp_scripts_maybe_doing_it_wrong( __FUNCTION__, $handle );

	return wp_styles()->add( $handle, $src, $deps, $ver, $media );
}


使用举例:


function wpdocs_register_plugin_styles() {
	wp_register_style( 'my-plugin', plugins_url( 'my-plugin/css/plugin.css' ) );
	wp_enqueue_style( 'my-plugin' );
}
// Register style sheet.
add_action( 'wp_enqueue_scripts', 'wpdocs_register_plugin_styles' );


发表评论

暂无评论,抢个沙发...

客服 工单