!
也想出现在这里? 联系我们
广告位

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 个选项。自定义模式下还需要确定图片是否重复以及图片是否随网页上下滚动。

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

没有自定义html的WordPress主题添加JS代码

2022-11-18 23:39:13

WordPress教程

WordPress 管理面板中禁用主题和插件编辑器

2022-11-19 0:39:10

下载说明

  • 1、微码盒所提供的压缩包若无特别说明,解压密码均为weimahe.com
  • 2、下载后文件若为压缩包格式,请安装7Z软件或者其它压缩软件进行解压;
  • 3、文件比较大的时候,建议使用下载工具进行下载,浏览器下载有时候会自动中断,导致下载错误;
  • 4、资源可能会由于内容问题被和谐,导致下载链接不可用,遇到此问题,请到文章页面进行反馈,以便微码盒及时进行更新;
  • 5、其他下载问题请自行搜索教程,这里不一一讲解。

站长声明

本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有;若为付费资源,请在下载后24小时之内自觉删除;若作商业用途,请到原网站购买;由于未及时购买和付费发生的侵权行为,与本站无关。本站发布的内容若侵犯到您的权益,请联系本站删除,我们将及时处理!
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索