這款引導卡片繼承前者優秀的配色,依然是自適應展示,按鈕由兩枚減少為一枚,文字的排版布局也進行了精簡,相比前者,這次帶來的wordpress美化教程更適合在一些狹窄的地方展示引導內容,比如小工具,當然,還有更多有趣的玩法帶你發現。
代碼依然由HTML和CSS寫成,方便引入。代碼在保持簡潔的同時充分考慮了瀏覽器兼容和自適應等問題,讓您的內容以最為優雅舒適的方式展現在您的客戶面前。
代碼效果如下:
預防新冠肺炎
戴口罩、勤洗手、保通風、聽指揮
了解更多推薦使用方法:
先將下載的代碼改成自己的內容。
請將1處的鏈接為您自己的鏈接,將2、3處的白色文字 修改 為自己的文字即可。
在wordpress后臺中的外觀中選擇小工具,在適宜的側邊欄上添加自定義HTML小工具,將下載的壓縮包中代碼填充進小工具,如下圖:


考慮到顏色可能太過顯眼,做了個低調的黑白版,效果如下:

鼠標觸碰按鈕時,按鈕會變成黑色的底,字會變成白色。
感覺這款wordpress引導卡片太簡單了?那你也可以試試這款引導卡片呀。