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


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

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


