整理了一下帶代碼，制作了這一次的wordpress美化教程，因?yàn)橛斜容^大的圖片，還有一個(gè)靈趣的動(dòng)效，在移動(dòng)端看起來(lái)會(huì)很怪，就沒(méi)做自適應(yīng)了，推薦大家在移動(dòng)端使用
這款美化來(lái)源于紙工廠的站長(zhǎng)所分享，我將他分享的代碼整理了一下，好在代碼并不復(fù)雜，制作了這一次的wordpress美化教程，因?yàn)橛斜容^大的圖片，還有一個(gè)靈趣的動(dòng)效（鼠標(biāo)移到小人上會(huì)往上跳），在移動(dòng)端看起來(lái)會(huì)很怪，就沒(méi)做自適應(yīng)了，推薦大家在移動(dòng)端使用。
- 代碼來(lái)源：紙工廠
效果如下：
如何使用？
點(diǎn)擊下方的Demo按鈕，右擊鼠標(biāo)查看源代碼，根據(jù)代碼注釋復(fù)制代碼到自己需要的地方，例如古登堡的HTML區(qū)塊或是小工具里面的“自定義HTML”，另外，記得看代碼注釋哦(。???)ノ
如果我是B2用戶
那么可以按照上面的wordpress美化教程將自己需要的代碼放到廣告模塊中，替換為自己需要的文本和圖片即可。
如果感覺(jué)這款四格有點(diǎn)單調(diào)，那么還可以試試這款稍微復(fù)雜一點(diǎn)的四格引導(dǎo)wordpress美化教程：
