这是我的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' );
}
完整路径:
#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__ ) . '" > ';
?>
供进一步参考。
评论前必须登录!
注册