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


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

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