社交图标

社交图标是一个基础区块，用于显示链接到不同社交资料或网站的各类图标。每种社交服务都注册为此区块的变体。

添加新的社交图标

核心维护着添加新社交图标的某些标准。要向 WordPress 添加新的变体，该服务必须已确立且广受欢迎。

为了评估是否应添加某项社交服务，贡献者将考虑以下因素：

• 该服务是否足够流行，以至于核心开发者在此之前已经听说过它？它是“主流”的吗？
• 该服务上线多久了？
• 它是否有维基百科条目？
• 仓库中是否存在一个添加社交图标的插件，其中包含所讨论的服务，并且拥有相当数量的活跃安装？
• 这项社交服务是否经常被请求？

添加自定义社交图标

从 WordPress 6.9 开始，您可以向网站添加自定义社交图标。请参阅：

• 引入自定义社交图标的拉取请求 – #70261。
• 开发者博客中关于自定义社交图标的教程 – 在 WordPress 6.9 中注册自定义社交图标。

显示一个链接到社交资料或网站的图标。

• 名称： core/social-link
• 类别： 小部件
• API 版本： 3
• 区块类型： 动态（服务器渲染）

区块关系

父级 区块（直接）：
– core/social-links

属性

通过 block.json 中的 attributes 属性定义。

支持

通过 block.json 中的 supports 属性定义。

• anchor：true
• reusable：false
• html：false
• interactivity：
  • clientNavigation：true

上下文

通过 block.json 中的 usesContext 和 providesContext 属性定义。

使用的上下文：

• openInNewTab
• showLabels
• iconColor
• iconColorValue
• iconBackgroundColor
• iconBackgroundColorValue

区块标记

这是一个 动态区块。它在服务器上渲染，不会在帖子内容中保存 HTML。

在帖子内容中，它存储为区块注释：

<!-- wp:social-link {"service":"spotify","url":"https://example.com/"} /-->

来源

• block.json (参考)
• 源代码目录 — 浏览 edit 和 save 源文件、index.php 等。