如何在wordpress中获得上传的自定义背景图像列表？

Question

我正在构建一个主题，我想使用‘超大’脚本来旋转背景图像。我已经使用WP内置自定义程序上传了几张背景图片。它们显示在“背景图像”->“上载”选项卡下的自定义程序中。

我要寻找的是--检索这些图像的urls的代码--就像在自定义程序中那样，但是我会在脚本中使用它。

我查看了/wp/中的'customize.php‘，但是它只调用了一些函数，并且该函数的代码在其他地方。有人知道这段代码的位置吗？

有趣的是，通过定制程序上传的图像不会出现在媒体库中.

有人能帮忙吗？

编辑:换句话说-，将返回通过自定义程序上传的自定义背景图像的urls的查询是什么？

谢谢。

Answer 1

弄明白了！我在整个WP数据库中搜索了自定义背景图像的I。原来他们在'post_meta‘表中有一个特殊的键：'_wp_attachment_is_custom_background’

使用WP_query中的这个键，我能够找到通过自定义程序上传的作为自定义背景的图像。

为了每个人的利益，下面是我在我的‘here er.php’中使用的代码：

<script type="text/javascript">
    jQuery(function($){
        $.supersized({
            // Functionality
            slide_interval    : 5000,
            transition        : 1, 
            transition_speed  : 2000,               
            slide_links       : 'blank',
            slides            : [
<?php 
$args = array( 'post_type' => 'attachment', 
               'post_mime_type' =>'image', 
               'post_status' => 'inherit',
               'meta_query' => array (
                  array (
                    'key' => '_wp_attachment_is_custom_background',
),) ); 
$bk_images = new WP_Query( $args ); 
$in = 0; 
$in_end = sizeof($bk_images->posts);
foreach ( $bk_images->posts as $bk) { 
    $in++;
    echo "   {image : '" . wp_get_attachment_url( $bk->ID ) . "', title : 'Title', url : 'url'}"; 
    if ($in<$in_end) { echo ",\n"; } else { echo "\n"; }
} ?>
                                 ]
        });
    });
</script>

Answer 2

如果是静态页面，您可以为acf插件中继器场尝试使用此插件。

<div id="myCarousel" class="carousel slide" data-ride="carousel">
    <div class="carousel-inner">
        <?php if(get_field('carrusel')):?>
            <?php while(has_sub_field('carrusel')): ?>
        <div class="item">
            <img src="<?php $image = get_sub_field('image'); echo $image; ?>" alt="Slide">
        </div>
            <?php endwhile ?>
        <?php endif ?>
    </div>
    <a id="nav-izq" class="left carousel-control" href="#myCarousel" data-slide="prev">
        <img src="<?php PRINT IMAGES ?>/nav-izq.png" alt="">
    </a>
    <a id="nav-der" class="right carousel-control" href="#myCarousel" data-slide="next">
        <img src="<?php PRINT IMAGES ?>/nav-der.png" alt="">
    </a>
</div>

这是一个用acf中继器字段创建的引导旋转木马的示例。