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

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教程

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

2022-10-27 23:02:32

WordPress教程

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

2022-10-28 4:59:03

!
也想出现在这里? 联系我们
广告位
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索