谷騰堡編輯器自帶，提取出平時(shí)使用經(jīng)典編輯器方便使用。理論高版本的wordpress都可以用吧。字體顏色也可以更改，用到了再去谷騰堡拿吧！

黑色按鈕

<divclass="wp-block-button"><aclass="wp-block-button__link has-text-color has-very-light-gray-color has-background has-very-dark-gray-background-color">黑色按鈕</a></div>

紅色按鈕

<divclass="wp-block-button"><aclass="wp-block-button__link has-background has-vivid-red-background-color">紅色按鈕</a></div>

橙色按鈕

<divclass="wp-block-button"><aclass="wp-block-button__link has-background has-luminous-vivid-orange-background-color">橙色按鈕</a></div>

黃色按鈕

<divclass="wp-block-button"><aclass="wp-block-button__link has-background has-luminous-vivid-amber-background-color">黃色按鈕</a></div>

薄荷綠按鈕

<divclass="wp-block-button"><aclass="wp-block-button__link has-background has-light-green-cyan-background-color">薄荷綠按鈕</a></div>

翠綠按鈕

<divclass="wp-block-button"><aclass="wp-block-button__link has-background has-vivid-green-cyan-background-color">翠綠按鈕</a></div>

淺藍(lán)按鈕

<divclass="wp-block-button"><aclass="wp-block-button__link has-background has-pale-cyan-blue-background-color">淺藍(lán)按鈕</a></div>

深藍(lán)按鈕

<divclass="wp-block-button"><aclass="wp-block-button__link has-background has-vivid-cyan-blue-background-color">深藍(lán)按鈕</a></div>

銀白按鈕

<divclass="wp-block-button"><aclass="wp-block-button__link has-background has-very-light-gray-background-color">銀白按鈕</a></div>

灰色按鈕

<divclass="wp-block-button"><aclass="wp-block-button__link has-background has-cyan-bluish-gray-background-color">灰色按鈕</a></div>

原創(chuàng)文章，作者：Alextao，如若轉(zhuǎn)載，請(qǐng)注明出處：《wordpress文章內(nèi)添加按鈕》

文章源自鉆芒博客

原文地址：https://www.zmki.cn/3464.html