公眾號冷門小技巧丨左右滑動圖

2017/04/22

是這樣的,今天寫這篇文章有點小特別。

原因就是看見財神大咖有篇文章《怎麼樣的話術能提高產品變現》裡面就利用了很多的截圖,整版下來都是那些馬賽克的圖片。

在這裡我要感謝大頭,治好了我多年的近視,因為我特么都快瞎了。

(辣眼睛)

不過說真的,這樣的一大推圖片霸滿屏幕,還特別的長,是我就看起來特別的不爽,影響我用戶體驗,而且就連我身邊的其他小夥伴都覺得是這樣。

所以我就想有沒有能把圖片統一裝起來的「容器」,看起來更為順暢。

靈感往往一瞬間

這個問題我幾天前就在想了,一直沒啥思路,直到我翻閱到某某公眾號的文章中的圖片,可以進行左右滑動。然後在回想大頭的文章,這兩者可以結合起來用。

(類似這樣的)

這簡直是雪中送炭啊,然後我就搜集了相關的資料,這個小技巧早在之前就有使用了的,而且還不限圖片數量

我靠,逼格那麼高,為啥現在用的人少之又少?是我孤陋寡聞?還是這個真的是太冷門了??或者是實用性不強?

但不管怎麼說,現在還是可以解決目前我的問題,所以我按照教程再加上自己的理解(很簡單的,教程在後面),很快就做出了一個。

(請往左滑動)

是不是覺得很有逼格,公眾號文章配圖往左往右滑動一下就就變成了另外一張圖,有點類似於網頁上常見的滾動圖,只不過是不會自動切換,需要主動滑動才能切換。

有利

那麼這個可以左右滑動的圖片對於我們的文章有什麼好處呢?

1、第一個好處:減短了文章的篇幅長度。

就像我上面說的那篇文章,因為內容的需要,要求大量的圖片用於輔佐說明,甚至有時候不得不用上多圖。

如果用了滑動圖,原本三行的圖文就可以縮短為一行,這樣就減少了用戶閱讀文章時往下拉所花費的時間。

因為有些人看見文章標題進來的第一反應不是馬上閱讀文章內容的,而是往下拉到文章底部,看閱讀量、看dian贊量。

更重要的還是看留言區的用戶評論,因為可以依據別人的留言來判斷文章是否有閱讀的價值,所以我們要為這類型的用戶的體驗著想。

2、第二個好處:用戶視覺體驗好。

這個可以從文章排版的角度分析,多行多圖片的首先就嚴重的影響了用戶的視覺體驗。文章圖片霸屏,密密麻麻的感覺,看起來極為的不爽。

如果用滑動圖代替,化繁為簡,給用戶呈現簡潔的視覺體驗,這樣既可以增加互動,又可以提高了用戶對圖片的點擊率,讓圖片的內容更為容易曝光。

也有弊

凡事物都有兩面性,使用這種滑動圖也是有著不好的一面。

1、犧牲了更多的內容,具有局限性。

原本可以直接展現更多的內容在用戶面前,但如果這麼做,因為滑動圖的是主要呈現第一張圖片的,後面的需要主動滑動才能呈現出來。

除非把內容圖片拼接在一起呈現,但是這樣的話也會縮小內容的曝光率,所以這是主要的問題就是引導用戶去進行滑動,也有著一定的被動性。

2、實用性不強,適用場景有限。

滑動圖適用的場景是什麼?我個人覺得,比較常見的就是文章內容多圖、長圖、圖片海報等這幾種場景。

但是這幾種場景出現的情況不是很高,一般正常的運營者在排版時,都會考慮到避免這種情況的出現。

但不管怎麼說這個滑動圖,還是有一席之地的用處的,至少...還可以用來裝逼。

但可能還有些小白不知道得如何做出這種效果,這其實是通過代碼來實現的,不過一說到代碼很多人都頭大,就連我這個學計算機的也覺得頭大。

下面我就給大家分享一個快速簡單上手的教程,讓大家文章逼格高檔次。

製作教程

這裡我用的是某編輯器,找到一個「卡片」的選項,在往下拉(隱藏得很深),找到「左右滑動樣式」,滑鼠點擊一下就可以添加到排版框裡面了。

然後點擊圖片,圖片底部就會顯示一個小的菜單欄,有四個實用的的小功能:1、替換圖片;2、圖片陰影;3、圖片邊框;4、圓形圖片。這裡我們先把我們想要的圖片換上。

後面的圖片替換也是同理可得,或者是刪完所有圖片,然後進行多圖上傳,最後就可以粘貼複製到公眾號後台編輯了。

成功的提示就是圖片下面有一個滾動條顯示(只能在PC電腦端看見,手機端看不見的)。

需要注意的問題

在製作滑動圖的過程中還需要注意一些細節問題

1、文章同行的圖片數量保持在2~3張是最合適的。如果超過3張圖片以上,可能在進行頁面邊距調整的時候會被進行壓縮,那內容也就被壓縮了。。

2、圖片的尺寸保持一致的問題。因為一大一小的圖片進行滑動,那還不如不弄的好,也影響用戶視覺體驗。這方面不難的,可用美圖秀秀這種修圖軟體解決。

3、頁面邊距大小的問題。這個是我在操作的過程中發覺的,直接使用某編輯器進行頁面邊距調整,在複製到公眾號上發覺滑動的樣式已經改變了。

所以,這時候我就把它複製粘貼到阿木說過的「構思編輯器」裡面進行邊距調整,果然這方法是可行的,這樣就可以根據自己的愛好進行調整了。

4、左右滑動樣式「容器」和圖片鋪滿手機屏幕的問題。因為在使用的過程中發覺,最原始的樣式代碼中的圖片大小是固定的,導致圖片無法鋪滿屏幕,出現空缺。

不過也不用擔心這個問題,根據上面的情況,我已經把「左右滑動圖」調整為自動適應屏幕大小。只要在PC上直接複製我的例子,粘貼到後台在替換掉圖片即可。

如果出現意外不能使用,可以在後台回復「動圖」即可獲取左右滑動圖的源代碼。

作者:青木

本文由 一點資訊 提供 原文連結

點擊愛心,感謝大大無私地分享
喜歡
寫了5859397篇文章,獲得1197次喜歡
Line
則回覆

熱門推薦

精彩推薦

記者翁正杉/冬山報導 明日就是農曆大年初一,家戶特別要注意火燭,今天中午12點43分許消防局接獲冬山鄉保安一路120號(長長建塑膠工廠)發生工廠火警案,所幸是工廠外堆積的太空包起火,消防局出動冬山、五結、馬賽...
    看傑鋼看得很煩了嗎?還沒完呢!   Gundam UC 最終大戰中,除了白、黑、紅三主角慘烈混戰之外,還有一機也相當引人矚目–特務部隊ECOAS的隊長 “Conroy Haagensen少佐“的專用傑鋼,先在艦上用了固定式 Meg...
記者陳建輝/宜蘭報導 宜蘭市公所在農曆春節前,已陸續前往19家收容安置機構,關懷社會福利機構的照護、生活起居及學習情形,並逐家致贈加菜金5,000元,宜蘭市市長江聰淵也在昨(2/12)日上午9點30分前往宏仁長期照...
記者翁正杉/羅東報導 縣議員吳秋齡也是羅東維安社區發展協會理事長,已連續10 年來,每到農曆年前都會在西安、維安兩個里寒冬送暖,在里內的中低收入戶以及邊緣戶發放,今年除了白米兩包、麵一箱及生活物品外,也...
記者陳建輝/員山鄉報導 位於員山鄉的阿蘭城農村社區重劃工程於今(10)日上午舉行動土典禮,由代理縣長陳金德、內政部土地重劃工程處長李舜民、地政處處長黃志良、陳立委歐珀、黃議員浴沂、陳議員俊宇、員山鄉鄉長...
記者陳建輝/宜蘭報導 宜蘭縣政府為了應映春節到來,考慮百貨賣場人潮增多,由王消保官特與建設處、工商旅遊處、消防局、衛生局於7日針對大型百貨公司、賣場辦理公安檢查,為消費者公共安全嚴格把關。 宜蘭縣政府...
新聞中心/整理 張女士因子宮肌腺症和肌瘤長期為經痛、經血多貧血所苦,曾經接受過藥物治療無效,近日到宜蘭陽明大學附設醫院就醫,婦產科龐渂醛醫師診察評估後以單孔腹腔鏡微創手術的方式為張女士做子宮頸韌帶保...
記者翁正杉/宜蘭報導 2018五合一選舉民進黨宜蘭縣長誰出線,黨中央卻在「依黨內初選提名機制」與「徵召」中暗自角力,但看代理縣長陳金德近日又第二次下鄉廟宇之旅及大型看板掛出,不勉讓人聯想被徵召的機率變大...
《暢銷作家的21堂繪本寫作課:大師的30年精髓20道寫作練習題》是一本針對繪本作家的寫作指導書,作者在賣出第一份書稿之前,已經寫作五年了,有一百八十封表示沒有興趣的信件寄到她的信箱,這本書是她的一個經驗...