全百科精品资源分享
免费优质资源下载平台

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

播放按钮
文章目录

今天全百科网给大家分享最新研究小成果如何给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文件中即可。

是不是很简单,对于有需要的同学可以尝试使用哈。本文为全百科网原创首发,转载请注明来源。

Download Nulled WordPress Themes
Download WordPress Themes Free
Download Nulled WordPress Themes
Download Best WordPress Themes Free Download
ZG93bmxvYWQgbHluZGEgY291cnNlIGZyZWU=
download mobile firmware
Free Download WordPress Themes
online free course

本文由全百科网分享提供,分享更多精品资源,帮助你我共同成长。

赞(0) 打赏
本站内容均来自网络收集,转载内容不代表本网站的观点及意见,仅供用户参考和借鉴。如对稿件内容及版权问题有疑议,请及时联系全百科官方邮箱: smtsg@foxmail.com全百科网 » 给WordPress大前端DUX主题文章标题右上角加标签
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏