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

2022-12-19

对于很多主题不提供网站整体背景设置的,而默认的灰色背景显然不能满足很多站长想要折腾的那颗心,针对这一问题网上有各种各样的教程教给大家如何为网站更换背景,其实并没有那么麻烦,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. /**
  17.  * Remove custom background support.
  18.  *
  19.  * @since 3.1.0
  20.  * @deprecated 3.4.0 Use add_custom_background()
  21.  * @see add_custom_background()
  22.  *
  23.  * @return null|bool Whether support was removed.
  24.  */
  25. function remove_custom_background() {
  26. 	_deprecated_function( __FUNCTION__, '3.4.0', 'remove_theme_support( \'custom-background\' )' );
  27. 	return remove_theme_support( 'custom-background' );
  28. }

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

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

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

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

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

免责声明 1、本站所发布的全部内容源于互联网搬运,(包括源代码、软件、学习资料等)本站提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集整理,版权争议与本站无关。您必须在下载后的23个小时之内,从您的电脑或手机中彻底删除上述内容。
2、访问本站的用户必须明白,本站对所提供下载的软件和程序代码不拥有任何权利,其版权归该软件和程序代码的合法拥有者所有,如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如本站不慎侵犯您的版权请联系我们,我们将及时处理,并撤下相关内容!敬请谅解! 侵删请致信E-mail:messi0808@qq.com
3、如下载的压缩包需要解压密码,若无特殊说明,那么文件的解压密码则为www.xmy7.com
4、如遇到加密压缩包,请使用WINRAR解压,如遇到无法解压的请联系管理员!

小蚂蚁资源网 cms教程 WordPress 开启后台自定义背景功能 https://www.xmy7.com/zh/cms/25863.html

相关文章