這次的wordpress區塊分享一款簡單清新的引導卡片,雖然沒有響應式布局,但其恰到好處的動效定會讓你和你的訪客們眼前一亮,簡單直白的文字卻能更加精準的傳達信息
這次分享一款簡單清新的引導卡片,雖然沒有響應式布局,但其恰到好處的動效定會讓你和你的訪客們眼前一亮,雖然沒有圖片,但簡單直白的文字卻能更加精準的傳達信息,快速引導您的訪客們訪問他們需要的頁面。這次的wordpress區塊教程就分享這張卡片。
- 代碼來源:鯨傳播
卡片預覽:

注意哦,沒有響應式,你可以自己用媒體查詢讓其在移動端隱藏,例如這樣:
<style type="text/css">
@media only screen and (max-width: 500px) {
.hide_sm {
display: none;
}
}
</style>
如何使用?
點擊下方的Demo按鈕,右擊鼠標查看源代碼,根據代碼注釋復制代碼到自己需要的地方,例如古登堡的HTML區塊或是小工具里面的“自定義HTML”,另外,記得看代碼注釋哦(。???)ノ
同一網站出來的卡片,在以下wordpress美化教程中有分享: