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

时间:2016-09-08 08:38:45

标签: php wordpress wordpress-theming

enter image description here

这是我的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
}

2 个答案:

答案 0 :(得分: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__ ) . '" > ';
?>

进一步Reference

答案 1 :(得分:1)

请尝试这个,你不必提及回声,请给予:

<?php echo plugins_url( 'images/test.png', FILE ) ; ?>