Npcink Blog
切换菜单

如何自定义 QQ 移动端卡片分享的主标题、副标题、缩略图? - wordpress 开发

有的人分享的链接自带标题和副标题和缩略图,就很好看,但是我自己的却是机械截取的一团,这篇 wordpress 开发教程就教大家如何解决这个问题

在分享我们写的博文时,会遇到这样一种情况,有的人分享的链接自带标题和副标题和缩略图,就很好看,但是我自己的却是机械截取的一团,看起来就不舒服,那么是咋回事呢?

这个就是代码层面的原因了,这篇 WordPress 开发教程就教大家如何解决这个问题。

背景图片

H5 手 Q 分享通用接口代码片段

<meta itemprop="name" content="网页标题">
<meta itemprop="description" content="网页描述">
<meta itemprop="image" content="缩略图">

将一以上代码写在页面 head 标签中。

H5 手 Q 分享通用接口参数说明

itemprop="name"

网页标题,不同社交 APP 截取的长度都不一样,然后手机屏幕大小也会再次不同程度裁减文字。微信只用这个标题。

itemprop="description"

网页简介/摘要,和网页标题一样有长度限制,如果小屏幕可能还会裁减。微信不会使用到这个标签。

itemprop="image"

网页缩略图/分享图标,显示在分享内容的左边,图片支持.jpg、.png 等常见格式,建议使用 200px*200px 的图片,如果太大可能读取比较慢。

除了代码层面解决问题,你还可以通过 WordPress 插件来生成海报,分享海报出去,也是一个不错的选择: