当前位置:首页文章笔记建站教程WordPress 开启后台自定义背景功能

WordPress 开启后台自定义背景功能

对于很多主题不提供网站整体背景设置的,而默认的灰色背景显然不能满足很多站长想要折腾的那颗心,针对这一问题网上有各种各样的教程教给大家如何为网站更换背景,其实并没有那么麻烦,WordPress 默认隐藏了很多功能,很多主题的开发也大都是通过引用这些功能函数来精简代码的,这次给大家介绍的自定义背景功能就是其中一个。
WordPress 开启后台自定义背景功能
开启自定义背景功能的方式很简单,我们只需要在主题的 functions.php 文件夹中加入下面的代码即可在 WordPress 后台“外观”选项卡下看到一个“背景”的选项,通过点击该选项我们即可进入自定义界面定义我们自己的网站背景,你可以自定义背景颜色也可以选择一张背景图片作为网站的整体背景,需要注意的是 WordPress 默认会以平铺的方式显示图片,这就需要我们选择的图片具有可重复性。

为了方便大家对这个短代码的理解,这里贴上 WordPress 对 add_custom_background(); 函数的定义,函数的位置位于 WordPress 程序 /wp-includes/deprecated.php 文件中,大家可自行查看。

  1. /**
  2. * Add callbacks for background image display.
  3. */
  4. function add_custom_background( $wp_head_callback = , $admin_head_callback = , $admin_preview_callback = ) {
  5. _deprecated_function( __FUNCTION__, ‘3.4.0’, ‘add_theme_support( \’custom-background\’, $args )’ );
  6. $args = array();
  7. if ( $wp_head_callback )
  8. $args[‘wp-head-callback’] = $wp_head_callback;
  9. if ( $admin_head_callback )
  10. $args[‘admin-head-callback’] = $admin_head_callback;
  11. if ( $admin_preview_callback )
  12. $args[‘admin-preview-callback’] = $admin_preview_callback;
  13. return add_theme_support( ‘custom-background’, $args );
  14. }
  15. /**
  16. * Remove custom background support.
  17. *
  18. * @since 3.1.0
  19. * @deprecated 3.4.0 Use add_custom_background()
  20. * @see add_custom_background()
  21. *
  22. * @return null|bool Whether support was removed.
  23. */
  24. function remove_custom_background() {
  25. _deprecated_function( __FUNCTION__, ‘3.4.0’, ‘remove_theme_support( \’custom-background\’ )’ );
  26. return remove_theme_support( ‘custom-background’ );
  27. }

使用上述代码添加上自定义背景的功能后我们即可在“外观”选项卡下看到“背景”这一选项,点击该按钮即可跳转至自定义设置面板,我们可以选择设置一个背景色或者一个背景图片,对于背景色的设置只需要选择一个颜色即可,没有什么需要特别说明的,主要来说一下背景图片的设置。

背景图像:选择移除或更换图像按钮即可更改背景图像。

预设:包含默认,填满屏幕、适合屏幕、重复以及自定义 5 个选项,大家可自行选择体验下各种预设的效果。

图片位置:确定图片中心与网页中心的相对位置。

图片尺寸:包含原始、填满屏幕、适合屏幕 3 个选项。自定义模式下还需要确定图片是否重复以及图片是否随网页上下滚动。

温馨提示:

文章标题:WordPress 开启后台自定义背景功能

文章链接:https://www.wuyanshuo.cn/1469.html

更新时间:2022年10月28日

本站大部分内容均收集于网络!若内容若侵犯到您的权益,请发送邮件至:service@wuyanshuo.cn我们将第一时间处理! 资源所需价格并非资源售卖价格,是收集、整理、编辑详情以及本站运营的适当补贴,并且本站不提供任何免费技术支持。 所有资源仅限于参考和学习,版权归原作者所有,更多请阅读无言说网络服务协议

给TA打赏
共{{data.count}}人
人已打赏
建站教程

如何给WordPress的url后面添加斜杠?

2022-10-27 23:02:32

建站教程

WooCommerce 分类描述里面插入HTML代码和图片

2022-10-28 4:59:03

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索
'