实现自定义背景的“随机性”

时间:2012-09-20 作者:Eric Holmes

我有一个客户端网站,需要一个随机的背景图像。我想是的custom-background 会有类似于custom-header 用于随机选择哪个图像,但遗憾的是,情况似乎并非如此。

有没有人有这样做的经验,或者知道什么方向是最好的扩展方向custom-background? 或者更好的方法是忽略custom-background 并创建我自己的背景主题支持(我严重反对这种方法,但“简单路线”总是存在的)。

2 个回复
最合适的回答,由SO网友:Diana 整理而成

前一段时间,我用backstretch脚本创建了一个这样的主题http://srobbin.com/jquery-plugins/backstretch/ 非常轻,易于设置。

但请注意,如果要允许用户/客户端更改/订购图像,则需要创建一个主题面板/选项。

SO网友:Iggy

我正在使用儿童主题和二十三个家长。在我的子主题中创建了一个包含图像的目录。但首先要删除默认的2013主题标题。

/* Add custom headers from my child theme */

add_action( \'after_setup_theme\', \'childtheme_setup\' );

if ( ! function_exists( \'childtheme_setup\' ) ):
function childtheme_setup() {   

    /* Remove Default Headers */
    function dr_remove_twenty_thirteen_headers(){
        unregister_default_headers( array(
            \'star\',
            \'diamond\',
            \'circle\'
            )
            );
    }
    add_action( \'after_setup_theme\', \'dr_remove_twenty_thirteen_headers\', 11 );

    // Add our headers 
    register_default_headers( array(
        \'header1\' => array(
            \'url\'           => get_stylesheet_directory_uri() . \'/images/headers/target_head2.jpg\',
            //\'thumbnail_url\' => \'%s/images/headers/circle-thumbnail.png\',
            \'description\'   => _x( \'header1\', \'header image description\', \'twentythirteen\' )
        ),
        \'header2\' => array(
            \'url\'           => get_stylesheet_directory_uri() . \'/images/headers/target_head1.jpg\',
            //\'thumbnail_url\' => \'%s/images/headers/diamond-thumbnail.png\',
            \'description\'   => _x( \'header2\', \'header image description\', \'twentythirteen\' )
        ),
        \'header3\' => array(
            \'url\'           => get_stylesheet_directory_uri() . \'/images/headers/target_head0.jpg\',
            //\'thumbnail_url\' => \'%s/images/headers/star-thumbnail.png\',
            \'description\'   => _x( \'header3\', \'header image description\', \'twentythirteen\' )
        )

    ) );
}
endif;
这适用于我的wp 3.6。您可以添加更多图像。我有9个:)

结束

相关推荐