如何自定義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| 日本一区二区在线免费观看| 好爽毛片一区二区三区四| 国内偷窥一区二区三区视频| 亚洲一区二区三区夜色| 成人精品一区二区三区电影| 一级毛片完整版免费播放一区| 中文字幕一区二区免费 | 亚洲sm另类一区二区三区| 国产成人高清亚洲一区91| 精品国产免费一区二区三区香蕉| 亚洲AV本道一区二区三区四区| 亚洲国产欧美国产综合一区| 在线观看国产一区| 亚洲日韩一区二区一无码| 国产亚洲一区二区手机在线观看| 无码人妻一区二区三区免费 | 全国精品一区二区在线观看|