之前不少朋友給三兒發(fā)了一張截圖

文末多媒體矩陣是如何實現(xiàn)的？怎么能夠做到點擊不同的圖標跳轉到不同的賬號頁面?

前排提示：抖音由于[特殊原因]無法在微信內直接跳轉，只能通過如寶馬這樣文案引導用戶搜索，其他常見平臺，微博、小紅書、b站等都是可以在微信內直接跳轉的。

就像這樣??

那么問題來了，如何制作？

首先我們需要明確一個問題，我們是要在一張圖上設置不同的跳轉區(qū)域，還是分別上傳大小尺寸相同的單圖，拼湊成一個跳轉平臺頁面？

選擇哪一種方式都可以，如果你不想切圖就可以選擇多區(qū)域觸發(fā)引導跳轉 （組件ID：233）

如果你想要靈活布局自己的內容，可以使用基礎布局-一行三列或一行兩列 （組件ID：77、75），在布局中再嵌套諸如無角標小程序（組件ID：39）、視頻號（組件ID：76）等、甚至是圖片輪播點擊可跳轉小程序（組件ID：197）......想要更多的創(chuàng)意花式跳轉就選擇布局嵌套，想要中規(guī)中矩就選擇一圖多區(qū)域觸發(fā)。

這里我們以多區(qū)域觸發(fā)引導跳轉為例，需要說明的是多區(qū)域引導跳轉與基礎布局跳轉核心內容并無差異，對大家而言難點可能在于目標跳轉代碼的獲取，別擔心跟著三兒我們一步一步完成。

在編輯器左側菜單欄，單擊【svg編輯器】進入svg編輯器官網

選擇[互動效果]在搜索框中搜索組件ID：233，單擊將組件添加至編輯區(qū)域

添加圖片

添加鏈接（以添加小紅書為例）

我們添加小紅書、微博、b站都是依靠小程序為跳板，我們需要先在微信公眾號后臺創(chuàng)建一篇含有小程序的臨時鏈接

01.進入微信公眾號后臺，點擊圖文消息

02.選擇小程序

03.添加小紅書APP，注意這里需要搜索小紅書app直接搜索小紅書無法找到，b站則是嗶哩嗶哩，微博是微博

04.單擊下一步，我們將小程序路徑更換為我們自己的主頁路徑，按照官方教程更改即可，完成后點擊確定。

05.保存為草稿

06.返回公眾號主頁，在近期草稿中找到剛存有小紅書小程序的文章，點擊文章標題

07.復制文章鏈接到svg組件使用一鍵獲取代碼

08.完成一個后，我們再單擊[添加跳轉]設置熱區(qū)，獲取相關代碼，重復完成即可

09.選擇導出

有朋友已經發(fā)現(xiàn)，多區(qū)域觸發(fā)引導跳轉，只能跳轉[鏈接]、[小程序]、[公眾號]名片，如果我想要跳轉視頻號有辦法嗎？

有，我們換一個組件多區(qū)域視頻號海報 組件ID：302

組件效果如下：

該效果和多區(qū)域觸發(fā)引導跳轉，僅支持跳轉平臺不同，其他只不過將微信公眾號后臺[小程序]替換成了[視頻號]內容

以上就是今天的全部內容，相信聰明的你已經學會了吧~

大家還要有什么想看想學的

記得在評論區(qū)留言哦