精彩的網站信息引導卡片 – wordpress區塊

這是一款有趣的信息引導快，可以在網站需要的位置展示網站的相關資源統計信息，還可以根據具體需要修改相關文本和圖片，從而在wordpress等網站中中實現各種有趣的用法，貼心的配置了一個按鈕，吸引你的訪客來點擊。

• 代碼來源：詳情

效果是這樣：

補充

可以通過CSS在數字的右上角加一個小小的“+”符號，添加以下css代碼即可。

.site-data-wp span::after {
    content: '+';
    font-size: 18px;
    position: absolute;
    line-height: 1;
    padding-left: 3px;
    /*opacity: 0;*/
    transition: 0.3s;
}

如何使用？

點擊下方的Demo按鈕，右擊鼠標查看源代碼，根據代碼注釋復制代碼到自己需要的地方，例如古登堡的HTML區塊或是小工具里面的“自定義HTML”，另外，記得看代碼注釋哦(。???)ノ

圖標推薦？

wordpress美化 – 引用阿里巴巴矢量圖標庫

Muze

• 19年9月27日
• 喜歡：0
• 瀏覽：1.2k

只有一個還不夠？您還可以來看看這款wordpress區塊分享的引導卡片：

精彩的引導卡片 – WordPress區塊

Muze

• 20年2月18日
• 喜歡：0
• 瀏覽：1.5k

杉小寒精致的會員卡片 – wordpress區塊

Muze

• 20年3月25日
• 喜歡：0
• 瀏覽：686

價格引導卡片區塊 – WordPress區塊

Muze

• 20年3月2日
• 喜歡：0
• 瀏覽：665