专栏首页技术经验分享给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文件中即可。

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

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

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Apache禁止ip访问网站,禁止ip访问规则下载

    网站遇到恶意镜像,是很烦人的,他们的作弊方法复制自己的网站。 我相信很多网站管理员都遇到过这些问题。 今天全百科教大家如何禁止对其网站的IP访问。

    于飞云计算
  • WordPress纯代码外链跳转效果的3款样式免费分享

    前面给大家讲了WordPress怎么利用纯代码实现WordPress的外链跳转效果,今天给大家分享几款跳转样式。

    于飞云计算
  • 纯代码为WordPress文章内容添加锚点目录功能 支持悬浮跟随版

    之前写过一个利用代码给WordPress文章内容添加锚点目录功能,通俗讲就是给网站文章加上目录导航,今天全百科网就通过之前的基础又进一步优化了一下,让这个文章目...

    于飞云计算
  • 用Markdown写微信公众号文章

    有一款叫Markdown Here的插件可以解决这个问题(支持Chrome、Firefox、Safari)。

    云深无际
  • 用10行Python代码,实现AI目标检测技术!(Python是最好的语言)

    今天为大家带来的内容是,用10行Python代码,实现AI目标检测技术!(Python是最好的语言),本文具有不错的参考意义,希望能够帮助到你!

    用户6133654
  • Jmeter性能报告页面生成 原

          PV (Page View)         页面浏览量         用户每一次对网站中的每个页面访问均被记录1次。

    wuweixiang
  • PV/UV/IP、QPS/TPS、Throughput

          PV (Page View)         页面浏览量         用户每一次对网站中的每个页面访问均被记录1次。

    wuweixiang
  • Java I/O不迷茫,一文为你导航!

    学习过计算机相关课程的童鞋应该都知道,I/O 即输入Input/ 输出Output的缩写,最容易让人联想到的就是屏幕这样的输出设备以及键盘鼠标这一类的输入设备,...

    我没有三颗心脏
  • Java I/O不迷茫,一文为你导航!

    在之前的面试中,每每问到关于Java I/O 方面的东西都感觉自己吃了大亏..所以这里抢救一下..来深入的了解一下在Java之中的 I/O 到底是怎么回事..文...

    黄泽杰
  • 分子对接教程 | (7) AutoDock对接中易错问题

    首先就是准备受体的时候,加氢的问题,其实在前文已经有过介绍,在选择一个分子作为配体或受体之前,必须把所有的氢都加到这个分子上,而且是全氢。如果你操作是用我选择的...

    DoubleHelix

扫码关注云+社区

领取腾讯云代金券