wordpress自定义网站背景颜色和图片

时间:2020-8-21 作者:admin

如果你想改变默认的body的背景颜色,图片,参数,下面的代码轻松实现,这里只是一个参考,你完全可以自己增加css元素

 functions.php 文件添加如下代码:

// 激活自定义背景和设置回调函数
if ( function_exists( 'add_theme_support' ) ) {
    $defaults = array(
        'default-color' => '000000',//自定义颜色
        'default-image' => get_template_directory_uri() . '/img/background.png',//自定义图片
        'wp-head-callback' => 'my_theme_background_cb',
        'admin-head-callback'    => '',
        'admin-preview-callback' => ''
    );
    add_theme_support( 'custom-background', $defaults );
}
// Callback function to alter custom background behavior
function my_theme_background_cb() {
    $background = get_background_image();
    $color = get_background_color();
 
    if ( ! $background && ! $color )
        return;
 
    $style = $color ?  : '';
 
    if ( $background ) {
        $image = ;
 
        $repeat = get_theme_mod( 'background_repeat', 'repeat' );
        if ( ! in_array( $repeat, array( 'no-repeat', 'repeat-x', 'repeat-y', 'repeat' ) ) )
                $repeat = 'repeat';
        $repeat = ;
 
        $position = get_theme_mod( 'background_position_x', 'left' );
        if ( ! in_array( $position, array( 'center', 'right', 'left' ) ) )
                $position = 'left';
        $position = ;
 
        $attachment = get_theme_mod( 'background_attachment', 'scroll' );
        if ( ! in_array( $attachment, array( 'fixed', 'scroll' ) ) )
                $attachment = 'scroll';
        $attachment = ;
 
        $style .= $image . $repeat . $position . $attachment;
    }
?>
    <!-- You can set any class or id target here -->
    <style type= id=>;
        .main { <?php echo trim( $style ); ?> }
    </style>
<?php } ?>

您可能感兴趣的文章:


▪ WordPress 3D旋转彩色标签云

▪ WordPress主题制作基本模版文件以及基本函数

▪ 第一课:511遇见wordpress本地环境搭建以及多站点配置

▪ WordPress免插件实现面包屑导航

▪ wordpress添加Body Classes

▪ 第六课511遇见Wordpress主题制作标题函数wp_title

▪ 第三课511遇见WordPress主题开发教程基本文件的建立

▪ WordPress无插件实现主题彩色标签云的N种方法总结

▪ wordpress限制非管理员访问管理面板

▪ 利用Bootstrap构建你的响应式WordPress主题(四

声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎进行举报,并提供相关证据,工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。