个性化阅读
专注于IT技术分析

如何在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' );
}

完整路径:

#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__ ) . '" > ';
?>

供进一步参考。

赞(0) 打赏
未经允许不得转载:srcmini » 如何在wordpress插件中包含背景图片网址?
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

微信扫一扫打赏