给WordPress大前端DUX主题文章标题右上角加标签

今天全百科网给大家分享最新研究小成果如何给WordPress 大前端DUX主题文章标题右上角加自定义标签。效果可以查看本篇文章标题右上角哈。

效果预览

其实非常简单,只需一段代码即可。

单篇显示

在后台用文本编辑模式把下方代码添加到文章中。

<div class="tools"><button class="btn copybtn" style="box-sizing: border-box; color: #767676; font-style: inherit; font-variant: inherit; font-weight: normal; font-stretch: inherit; font-size: 12px; line-height: 1.42857; font-family: inherit; margin: 0px; overflow: visible; text-transform: none; -webkit-appearance: button; cursor: pointer; display: inline-block; text-align: center; vertical-align: middle; touch-action: manipulation; background-image: none; border: 1px solid #e1e1e8; white-space: nowrap; padding: 5px 8px; border-radius: 0px 4px; user-select: none; position: absolute; background-color: #ffffff; right: -2px; top: -1px;" title="" data-toggle="tooltip" data-placement="top" data-original-title="全百科网" data-clipboard-text="{ &quot;error&quot;: &quot;&lt;errMsg string&gt;&quot;, } ">全百科网</button></div>

标签

全站显示

如果想把这个标签统一全站显示,可以把代码放到主题文件下的single.php文件中即可。

是不是很简单,对于有需要的同学可以尝试使用哈。

原文链接:http://www.quanbaike.com/news/2925.html

编辑于

我来说两句

0 条评论
登录 后参与评论

扫码关注云+社区

领取腾讯云代金券