這次的wordpress區(qū)塊分享一款簡(jiǎn)單清新的引導(dǎo)卡片，雖然沒(méi)有響應(yīng)式布局，但其恰到好處的動(dòng)效定會(huì)讓你和你的訪客們眼前一亮，簡(jiǎn)單直白的文字卻能更加精準(zhǔn)的傳達(dá)信息
這次分享一款簡(jiǎn)單清新的引導(dǎo)卡片，雖然沒(méi)有響應(yīng)式布局，但其恰到好處的動(dòng)效定會(huì)讓你和你的訪客們眼前一亮，雖然沒(méi)有圖片，但簡(jiǎn)單直白的文字卻能更加精準(zhǔn)的傳達(dá)信息，快速引導(dǎo)您的訪客們?cè)L問(wèn)他們需要的頁(yè)面。這次的wordpress區(qū)塊教程就分享這張卡片。
- 代碼來(lái)源：鯨傳播
卡片預(yù)覽：
注意哦，沒(méi)有響應(yīng)式，你可以自己用媒體查詢讓其在移動(dòng)端隱藏，例如這樣：
<style type="text/css">
@media only screen and (max-width: 500px) {
.hide_sm {
display: none;
}
}
</style>如何使用？
點(diǎn)擊下方的Demo按鈕，右擊鼠標(biāo)查看源代碼，根據(jù)代碼注釋復(fù)制代碼到自己需要的地方，例如古登堡的HTML區(qū)塊或是小工具里面的“自定義HTML”，另外，記得看代碼注釋哦(。???)ノ
同一網(wǎng)站出來(lái)的卡片，在以下wordpress美化教程中有分享：
展示效果不錯(cuò)，已經(jīng)下載應(yīng)用到網(wǎng)站上。