如何在wordpress插件中包含背景图片网址()

如何在wordpress插件中包含背景图片网址()

文章图片
这是我的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__ ) . '" > '; ?>

供进一步参考。

    推荐阅读