去角標、去彈窗提醒、調整角標大小等小程序圖片問題，一文說清！
排版一旦「較真」起來，小小的圖片角標也會發現很多問題。
在公眾號圖文中，有兩種情況圖片會帶角標，一個是超鏈接圖片，一個是小程序圖片。
上面是在公眾號后臺直接插入的超鏈接和小程序圖片，面對這兩種簡單的形式，一些小伙伴卻發現了不少問題。
當然，這里的問題不是說官方對這兩種形式的展現有問題，而是當把它們放到長圖排版的情境中時，發現改變一些東西可能會與整體更搭。
下面5個問題是經常會有小伙伴提出來的，不說不知道，說了一看還真是有道理。老沙也給大家提供了對應的解決方法。
1不想要角標
一些對審美有一定追求的品牌，比如汽車、奢侈品品牌，總會有這個想法。
這些品牌的長圖排版中每一張切圖都是經過精心設計，圖片右上角突然出現的角標常常會顯得格格不入，嚴重影響了圖片的美觀，這時候不把礙眼的角標去掉真是說不過去。
在 iPaiban Pro 黑科技編輯器中，使用對應組件就可以制作出無角標的超鏈接和小程序圖片：
組件：超鏈接-圖片(無角標)
編號：10033（組件）
組件：小程序-圖片(無角標)
編號：10015（組件）
點擊體驗一下，你會發現超鏈接圖片除了沒角標，還沒有了彈窗確認提醒，點擊一下就跳轉出去了，非常利于轉化。
2想保留角標但不想要彈窗確認提醒
角標可不是一無是處，一張圖片帶了角標，這就代表這張圖片是可以點擊跳轉的。
即便你在圖片上設計了引導點擊的提示，而右上角獨特的符號因為已經為大多數用戶所熟悉，往往會有更強的引導提示作用。
所以超鏈接圖片如果你想保留角標去掉彈窗確認提醒的話，可使用下方組件：
組件：超鏈接-圖片(默認角標)
編號：10034（組件）
不過因微信平臺限制，小程序圖片暫時不能去掉彈窗確認提醒了，如果你的目的只是想讓用戶一步觸達，那么可以使用小程序原生卡片的相關組件，在圖文中原生卡片一直是沒有彈窗確認提醒的。
3宮格內角標變小想變大一些
圖文的簽名區，一行常常需要擺放多個超鏈接或小程序圖片，如果使用默認角標的組件，你會發現角標跟著變小了。
組件：超鏈接-圖片(自定義角標位置)
編號：10035（組件）
組件：小程序-圖片(自定義角標位置)
編號：10031（組件）
使用上面兩個組件，雙擊圖片即可任意調整角標的位置和大小。
4覺得原生角標不搭，想換新角標
覺得原生角標不搭，想換新角標的方法有兩種：
一種直接將新角標設計在圖片上，使用無角標相關組件；
一種是使用可以自上傳角標的組件：
組件：超鏈接-圖片(自上傳角標,自定義位置)
編號：10036（組件）
組件：小程序-圖片(自上傳角標,自定義位置)
編號：10032（組件）
使用這兩個組件，我們可以上傳自己設計的角標，并且支持自定義位置大小。
5如何設置點擊特定區域觸發
這里就要推薦下面兩個組件了：
組件：超鏈接-圖片(設置多個鏈接區)
編號：11134（組件）
組件：小程序-圖片(設置多個小程序)
編號：11135（組件）
看名字就能明白，這兩個組件分別支持在一張圖片上設置多個超鏈接或小程序，觸發區在不重疊的情況下可以任意擺放。
在之前教程中沒有講過的是，其實一張圖片上設置一個超鏈接或小程序的時候也可以用，與只支持設置一個的組件相比，它是可以調整這一個超鏈接或小程序的觸發區的，非常方便。相信這篇文章能把大家關于超鏈接、小程序的角標問題基本解決了，如果還有問題，留言區等你！
制作SVG交互圖文認準 iPaiban Pro 黑科技編輯器，網址：x.iPaiban.com，復制網址在 PC 端 Chrome（谷歌）瀏覽器打開，即可開始注冊并使用。
新用戶在「新手禮包」可領取3天企業標準版會員體驗權，以及22個常用必備組件的大禮包（1年）。
● SVG 黑科技交互排版????????
·
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）