如何在有限的空間中將各種不同的信息有機的組合起來并呈現給您的訪客,這是一個問題,今天分享的這一款精致的首頁四格通過圖文混排的方式將各種繁雜的信息有序的呈現在您訪客面前,極大的提升了訪客獲取信息效率。
優設的四格長這樣:

看著就很舒服,很精致,我就想模仿下來,實際操作發現他的代碼太過繁瑣,只能放一放。
意外發現一個網站有著類似的效果,長這樣:

兩者看起來差不多,功能也類似,我就再試試,你們那仿下來,如你所見,結果還是很順利的,我模仿的在2017主題網站中的實際效果如下:

因為兩側的滑動功能使用了JS,我就去掉了。
如何使用?
點擊下方的Demo按鈕,右擊鼠標查看源代碼,根據代碼注釋復制代碼到自己需要的地方,例如古登堡的HTML區塊或是相關主題文件,另外,記得看代碼注釋哦(。???)ノ
圖標?
圖標可參考下面這篇教程;
我這里還準備了其他有趣的四格:
移動端怎么顯示呢?
沒有適配移動端噢,得自己想辦法了
沒有圖標
不同的行業欄類目,對圖標的要求也是不一樣的,推薦您自己添加哦
??蠻不錯的
這個沒法在移動端顯示嗎?
理論上是可以的,你試試看