!
也想出现在这里? 联系我们
广告位
当前位置:首页>开发>WordPress开发手册>WordPress函数手册>【WP函数】add_theme_support()(wprcoef函数的用法)

【WP函数】add_theme_support()(wprcoef函数的用法)

add_theme_support() 用于增强一些 WordPress 未启用的功能,该函数必须在主题的 functions.php 文件中调用,如果需要挂载到其他钩子函数中,则必须通过 after_setup_theme 在主题安装后加载功能。

  • $feature:字符串,将要添加的功能名称。
  • $args:数组,功能相关的额外参数。

关于 $feature 的可选参数,这里一一做个简单的介绍。

post-formats

post-formats 会在文章编辑页面添加一个文章形式选择的功能。
【WP函数】add_theme_support()(wprcoef函数的用法)
默认支持的格式选项有:aside(日志)、gallery(画廊)、link(链接)、image(图像)、quote(引语)、status(状态)、video(视频)、audio(音频)、chat(聊天)
示例

创建好的文章格式在使用时会分别在 wp_terms 、 wp_termmeta 、 wp_term_taxonomy 、 wp_term_relationship 四张表里分别创建对应的字段信息。比如这里文章 ID 为 23 的内容采用了图像格式(ID = 5),且分类在未分类(ID = 1)下。可以看出文章格式及文章分类一样都是对文章更加细致的归类。

【WP函数】add_theme_support()(wprcoef函数的用法)
【WP函数】add_theme_support()(wprcoef函数的用法) 【WP函数】add_theme_support()(wprcoef函数的用法)

post-thumbnails

post-thumbnails 会在编辑文章或者编辑页面时添加一个特色图片的功能。
【WP函数】add_theme_support()(wprcoef函数的用法)示例

注意:示例代码中 movie 为通过 register_post_type() 函数注册的文章类型。

通过 WordPress 输出内容时,如果选择了特色图像,系统会在 wp_postmeta 表下创建一个对应 post_id 的 _thumbnail_id 字段用于存储当前 Post 内容的特色图像。

【WP函数】add_theme_support()(wprcoef函数的用法)

判断是否有文章缩略图

获取文章缩略图

添加主题自定义网站Logo图标支持,会在“主题后台/外观/自定义/站点身份”中添加一个自定义标志的选项。

【WP函数】add_theme_support()(wprcoef函数的用法)

示例

custom-header

添加自定义网站头部图像支持,会在“主题后台/外观/自定义/页眉图像”中添加图像上传功能。

【WP函数】add_theme_support()(wprcoef函数的用法)

示例

custom-background

添加自定义网站背景图像支持,会在“主题后台/外观/自定义/背景图像”中添加图像上传功能。

【WP函数】add_theme_support()(wprcoef函数的用法)

// 背景图像
$defaults = array(
‘default-image’ => ”,
‘default-preset’ => ‘default’, // ‘default’, ‘fill’, ‘fit’, ‘repeat’, ‘custom’
‘default-position-x’ => ‘left’, // ‘left’, ‘center’, ‘right’
‘default-position-y’ => ‘top’, // ‘top’, ‘center’, ‘bottom’
‘default-size’ => ‘auto’, // ‘auto’, ‘contain’, ‘cover’
‘default-repeat’ => ‘repeat’, // ‘repeat-x’, ‘repeat-y’, ‘repeat’, ‘no-repeat’
‘default-attachment’ => ‘scroll’, // ‘scroll’, ‘fixed’
‘default-color’ => ”,
‘wp-head-callback’ => ‘_custom_background_cb’,
‘admin-head-callback’ => ”,
‘admin-preview-callback’ => ”,
);
add_theme_support( ‘custom-background’, $defaults );

注意:无论你填加了custom-header 或者 custom-background 支持,系统都会默认显示出颜色小节选项,用于配置页眉文字及背景颜色。

【WP函数】add_theme_support()(wprcoef函数的用法)

无论是 custom-logo 、 custom-header 还是 custom-background 都会将其配置数据存储在 wp_options 表下的 theme_mod_主题名 字段下。

【WP函数】add_theme_support()(wprcoef函数的用法)

html5

对主题中的搜索表单,评论表单,评论列表,画廊和标题等内容添加 HTML5 标签支持。

示例

添加完成后,输出的内容就都是符合 html5 标准的标签了。

title-tag

自动生成页面标题,老版本需要使用 wp-title() 获取对应标题,新版本只需要在主题 header.php 文件中调用 <?php wp_head();?> 即可自动生成title 标签。

【WP函数】add_theme_support()(wprcoef函数的用法)

示例

自动生成页面 feed 链接,需要在主题 header.php 文件中调用 <?php wp_head();?> 。

【WP函数】add_theme_support()(wprcoef函数的用法)
示例

customize-selective-refresh-widgets

添加此功能支持后可以配置一些小工具或自定义设置中,修改设置后页面自动刷新实时预览效果。

示例

starter-content

仅对于新网站(不会保存到数据库中),初始化网站内容,方便用户快速查看主题效果,一般没啥用,可参考官方主题设置。

responsive-embeds

WordPress 支持 Embed 功能,就是它可以将一些文章、视频、音频等链接以卡片式显示的方式自动嵌入到你的文章中去,但是这种嵌入的方式可能会导致嵌入的内容超出容器宽度,启用 responsive-embeds 支持可以让 WordPress 自动自适应包裹容器大小,已尽可能好地显示嵌入内容。

align-wide

添加该功能,WordPress 会自动识别全幅或宽幅图片,并自动将其居中对齐以实现更好的显示效果。注意:只有 设置了 full 或 wide 的图片才有效。

wp-block-styles

添加主题块样式支持

示例

editor-styles

允许自定义主题编辑器样式,需配合 add_editor_style() 使用,以引入相应样式文件。自定义编辑器样式可很好地实现所见即所得。

示例


dark-editor-style

启用编辑器深色模式。默认编辑器字体颜色为黑色,如果自定义编辑器样式的颜色偏暗会影响用户编辑,合适的时候启用深色模式可很好解决这一问题。

修改 edit-styles 后如下:

【WP函数】add_theme_support()(wprcoef函数的用法)

disable-custom-font-sizes

编辑器字体大小可以由用户自定义,使用 disable-custom-font-sizes 可以禁止用户字体大小。

【WP函数】add_theme_support()(wprcoef函数的用法)

示例

editor-font-sizes

添加自定义字体大小选择的支持,传入字体数据可控制下拉选择中的字号项目。

【WP函数】add_theme_support()(wprcoef函数的用法)

示例

disable-custom-colors

编辑器字体颜色及背景颜色默认可以由用户自定义,使用 disable-custom-colors 可以禁止用户自定义颜色。

【WP函数】add_theme_support()(wprcoef函数的用法)

示例

editor-color-palette

添加自定义编辑器调色板的支持,传入颜色数据可控制调色板上默认显示的颜色。

【WP函数】add_theme_support()(wprcoef函数的用法)

示例

参考文档

  • https://developer.wordpress.org/reference/functions/add_theme_support/
  • https://wordpress.org/gutenberg/handbook/designers-developers/developers/themes/theme-support/
  • https://codex.wordpress.org/Title_Tag
  • https://make.wordpress.org/core/2016/11/30/starter-content-for-themes-in-4-7/

给TA打赏
共{{data.count}}人
人已打赏
WordPress函数手册

【WP函数】wp_deregister_script()

2022-5-29 16:03:30

WordPress函数手册

【WP函数】media_handle_upload()(wprcoef函数的用法)

2022-9-6 16:32:08

声明 本站上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。无意侵害您的权益,请发送邮件至 [email protected] 或点击右侧 私信:林沐阳 反馈,我们将尽快处理。
2 条回复 A文章作者 M管理员
  1. 一只小白

    没有调查就没有发言权。

  2. UnAmico

    没有调查就没有发言权。

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索