wordpress文章内添加按钮

谷腾堡编辑器自带,提取出平时使用经典编辑器方便使用。理论高版本的wordpress都可以用吧。字体颜色也可以更改,用到了再去谷腾堡拿吧!

黑色按钮

<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.zmki.cn/”>黑色按钮</a></div>

红色按钮

<div class=”wp-block-button”><a class=”wp-block-button__link has-background has-vivid-red-background-color” href=”https://www.zmki.cn/”>红色按钮</a></div>

橙色按钮

<div class=”wp-block-button”><a class=”wp-block-button__link has-background has-luminous-vivid-orange-background-color” href=”https://www.zmki.cn/”>橙色按钮</a></div>

黄色按钮

<div class=”wp-block-button”><a class=”wp-block-button__link has-background has-luminous-vivid-amber-background-color” href=”https://www.zmki.cn/”>黄色按钮</a></div>

薄荷绿按钮

<div class=”wp-block-button”><a class=”wp-block-button__link has-background has-light-green-cyan-background-color” href=” https://www.zmki.cn/”>薄荷绿按钮</a></div>

翠绿按钮

<divclass=”wp-block-button”><a class=”wp-block-button__link has-background has-vivid-green-cyan-background-color” href=”https://www.zmki.cn/”>翠绿按钮</a></div>

浅蓝按钮

<div class=”wp-block-button”><a class=”wp-block-button__link has-background has-pale-cyan-blue-background-color” href=”https://www.zmki.cn/”>浅蓝按钮</a></div>

深蓝按钮

<div class=”wp-block-button”><a class=”wp-block-button__link has-background has-vivid-cyan-blue-background-color” href=”https://www.zmki.cn/”>深蓝按钮</a></div>

银白按钮

<div class=”wp-block-button”><a class=”wp-block-button__link has-background has-very-light-gray-background-color” href=”https://www.zmki.cn/”>银白按钮</a></div>

灰色按钮

<div class=”wp-block-button”><a class=”wp-block-button__link has-background has-cyan-bluish-gray-background-color” href=”https://www.zmki.cn/”>灰色按钮</a></div>

 

温馨提示 : 非特殊注明,否则均为©李联华的博客网原创文章,本站文章未经授权禁止任何形式转载;IP地址:18.222.20.3,归属地:俄亥俄州Dublin ,欢迎您的访问!
文章链接:https://www.lilianhua.com/add-button-in-wordpress-article.html
Popup Image

通知

卡密兑换正式上线,并且网站不定时发放免费卡密,先到先得!卡密兑换界面:前往

Loading...