一款簡(jiǎn)單的網(wǎng)站信息統(tǒng)計(jì)卡片，響應(yīng)式設(shè)計(jì)，很適合放在網(wǎng)站首頁起一個(gè)宣傳作用。通過這篇wordpress區(qū)塊教程一起來學(xué)習(xí)吧。
這是一款簡(jiǎn)單的網(wǎng)站信息統(tǒng)計(jì)卡片，響應(yīng)式設(shè)計(jì)，卡片中的數(shù)字都是固定值，各位站長(zhǎng)可根據(jù)需要自行更改，最右邊的卡片還可以做個(gè)注冊(cè)框彈出，很適合放在網(wǎng)站首頁起一個(gè)宣傳作用。接下來，就通過這篇wordpress區(qū)塊教程來看看如何實(shí)現(xiàn)這一款簡(jiǎn)潔的網(wǎng)站數(shù)據(jù)統(tǒng)計(jì)卡片吧。
- 代碼來源：詳情
效果如下（在2017主題中）：
在wordpress 2017主題中,我是將相關(guān)代碼放在主題根目錄下的single.php文件底部<?php get_footer(); 上方，即可實(shí)現(xiàn)截圖效果。
如何使用？
點(diǎn)擊下方的Demo按鈕，右擊鼠標(biāo)查看源代碼，根據(jù)代碼注釋復(fù)制代碼到自己需要的地方，例如古登堡的HTML區(qū)塊或是主題根目錄下的相關(guān)文件，另外，記得看代碼注釋哦(。???)ノ
還有一款類似的網(wǎng)站信息統(tǒng)計(jì)卡片，在這篇wordpress美化教程中有介紹：
