文章图片
这是我的wordpress插件代码。如何在WordPress插件中动态显示背景图片网址?
<
?php
function active_qploader() {?>
<
style type="text/css">
#preloader {
position: fixed;
left: 0;
top: 0;
z-index: 999;
width: 100%;
height: 100%;
overflow:visible;
background-color:#333;
background-image:url("images/test.png");
background-repeat:no-repeat;
background-attachment:center center;
background-position:center;
}
<
/style>
<
?php
}
#1 请尝试此操作, 你不必在此提及回声, 请给:
<
?php echo plugins_url( 'images/test.png', FILE ) ;
?>
#2 你可以使用半相对路径或完整路径。
半:
#preloader {
background-image: url( '/wp-content/plugins/pluginName/images/test.png' );
}
【如何在wordpress插件中包含背景图片网址()】完整路径:
#preloader {
background-image: url( 'http://yourWebsite.com/wp-content/plugins/pluginName/images/test.png' );
}
对于动态背景, 你必须使用以下钩子:
function dynamicPicture() {
global $post;
$backgroundImage = get_post_meta( $post->
ID, 'background', true );
if( $backgroundImage ) :
?>
<
style type="text/css">
#preloader { background-image: url(<
?php echo $backgroundImage;
?>
);
}
<
/style>
<
?php
endif;
}
add_action( 'wp_print_plugin_style', 'dynamicPicture' );
编辑:
<
?php
'<
img src="' . plugins_url( 'images/test.png', __FILE__ ) . '" >
';
?>
供进一步参考。
推荐阅读
- WordPress中带有the_post_thumbnail的图像标题
- 如何在wordpress中使用get_post()将get_template_part()用于特定帖子()
- 在WordPress中使用the_term_list()在列表中显示自定义分类
- 在自定义标题图像上禁用纵横比裁切
- 自定义WordPress图像大小未显示在3.5 Media Manager中
- 在WordPress的不同页面中的不同标题
- 无法将自定义元框添加到自定义帖子类型
- 网络安全与网站安全及计算机安全(小白如何防御计算机操作系统永恒之蓝勒索病独())
- pod search 报错 ruby环境问题#yyds干货盘点#