如何自定義QQ移動端卡片分享的主標題、副標題、縮略圖? – wordpress開發

    有的人分享的鏈接自帶標題和副標題和縮略圖,就很好看,但是我自己的卻是機械截取的一團,這篇wordpress開發教程就教大家如何解決這個問題

    在分享我們寫的博文時,會遇到這樣一種情況,有的人分享的鏈接自帶標題和副標題和縮略圖,就很好看,但是我自己的卻是機械截取的一團,看起來就不舒服,那么是咋回事呢?這個就是代碼層面的原因了,這篇wordpress開發教程就教大家如何解決這個問題。

    • 參考來源: https://www.dpaoz.com/143
    如何自定義QQ移動端卡片分享的主標題、副標題、縮略圖? - wordpress開發
    背景圖片
    如何自定義QQ移動端卡片分享的主標題、副標題、縮略圖? - 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插件來生成海報,分享海報出去,也是一個不錯的選擇:

    WP Poster – WordPress文章分享海報插件

    博客社交分享組件 – 打賞/點贊/微海報/社交分享四合一 WordPress 插件

    給TA贊賞
    共{{data.count}}人
    人已贊賞
    ??
    Npcink上的部份代碼及教程來源于互聯網,僅供網友學習交流,若您喜歡本文可附上原文鏈接隨意轉載。
    無意侵害您的權益,請發送郵件至 1355471563#qq.com 或點擊右側 私信:Muze 反饋,我們將盡快處理。
    ?
    購物車
    優惠劵
    搜索
    主站蜘蛛池模板: 久久久人妻精品无码一区| 国产成人综合一区精品| 色老头在线一区二区三区| 任你躁国语自产一区在| 无码毛片一区二区三区中文字幕 | 一区二区精品在线观看| 91福利国产在线观一区二区| 久久成人国产精品一区二区| 亚洲国产精品一区二区九九| 一区二区三区在线观看| 中文字幕日韩一区二区不卡| 日韩人妻不卡一区二区三区| 精品亚洲综合在线第一区| 全国精品一区二区在线观看| 精品人妻无码一区二区三区蜜桃一| 一区二区三区在线|日本| 日本人真淫视频一区二区三区| 在线观看视频一区二区| 国产成人精品第一区二区| 中文字幕在线一区二区在线 | 久久国产高清一区二区三区| 日韩一区二区三区在线观看| 在线观看日韩一区| 国产精品一区二区综合| 免费无码一区二区| 一区二区三区免费视频网站| 国产福利电影一区二区三区久久老子无码午夜伦不 | 国产亚洲情侣一区二区无| 精品国产一区二区三区免费看 | 亚洲国产精品一区二区第一页免| 国产精品无码一区二区三区在| 在线|一区二区三区| 精品国产一区二区三区久久影院 | 人妻无码一区二区三区四区| 精品一区二区三区四区在线| 久久精品岛国av一区二区无码| 精品一区二区三区在线播放视频| 中文字幕av日韩精品一区二区 | 日韩高清一区二区三区不卡| 色综合视频一区二区三区 | 麻豆文化传媒精品一区二区|