谷腾堡编辑器自带,提取出平时使用经典编辑器方便使用。理论高版本的wordpress都可以用吧。字体颜色也可以更改,用到了再去谷腾堡拿吧!
黑色按钮
代码语言:javascript复制<div class="wp-block-button"><a class="wp-block-button__link has-text-color has-very-light-gray-color has-background has-very-dark-gray-background-color" href="https://www.zuanmang.net/">黑色按钮</a></div>
红色按钮
代码语言:javascript复制<div class="wp-block-button"><a class="wp-block-button__link has-background has-vivid-red-background-color" href="https://www.zuanmang.net/">红色按钮</a></div>
橙色按钮
代码语言:javascript复制<div class="wp-block-button"><a class="wp-block-button__link has-background has-luminous-vivid-orange-background-color" href="https://www.zuanmang.net/">橙色按钮</a></div>
黄色按钮
代码语言:javascript复制<div class="wp-block-button"><a class="wp-block-button__link has-background has-luminous-vivid-amber-background-color" href="https://www.zuanmang.net/">黄色按钮</a></div>
薄荷绿按钮
代码语言:javascript复制<div class="wp-block-button"><a class="wp-block-button__link has-background has-light-green-cyan-background-color" href="https://www.zuanmang.net/">薄荷绿按钮</a></div>
翠绿按钮
代码语言:javascript复制<div class="wp-block-button"><a class="wp-block-button__link has-background has-vivid-green-cyan-background-color" href="https://www.zuanmang.net/">翠绿按钮</a></div>
浅蓝按钮
代码语言:javascript复制<div class="wp-block-button"><a class="wp-block-button__link has-background has-pale-cyan-blue-background-color" href="https://www.zuanmang.net/">浅蓝按钮</a></div>
深蓝按钮
代码语言:javascript复制<div class="wp-block-button"><a class="wp-block-button__link has-background has-vivid-cyan-blue-background-color" href="https://www.zuanmang.net/">深蓝按钮</a></div>
银白按钮
代码语言:javascript复制<div class="wp-block-button"><a class="wp-block-button__link has-background has-very-light-gray-background-color" href="https://www.zuanmang.net/">银白按钮</a></div>
灰色按钮
代码语言:javascript复制<div class="wp-block-button"><a class="wp-block-button__link has-background has-cyan-bluish-gray-background-color" href="https://www.zuanmang.net/">灰色按钮</a></div>