WordPress主题在文章内容页右上角添加自定义原创标识图

WordPress主题在文章内容页右上角添加自定义原创标识图-知新网
WordPress主题在文章内容页右上角添加自定义原创标识图
此内容为付费阅读,请付费后查看
400积分
付费阅读
已售 9

无聊打发时间,利用CSS简单写一个子比主题文章内容的右上角添加一个原创标识;用来提醒他人本篇为本站原创,转发文章时请附转载地址。详情查看本篇文章右上角

最近柚子又收到很多站长朋友来信喜欢这款原创标识,一直让知新赶紧出教程,其实很简单的一段代码,知新其实不好意思公布出来,感觉有点献丑了。今天趁有空就赶紧分享给大家,同时也希望大家常来优知新作客,这里就贡献一些免费的积分吧。哈哈!

2023070914403752

使用步骤

  • 将下方CSS放到网站公共CSS中,或者找到文章区域引入CSS的文件。
  • 这里以子比主题为例:后台 >> Zibll主题设置 >> 全局&功能 >> 自定义代码 >> 自定义CSS样式

修改 background 的图片路径,图片大家自行下载,引入。

最后,我们在编辑文章时候,哪篇文章需要,我们在文章编辑时,编辑器的 html 中,放入下方 html 代码即可

相关说明

可自定义“原创标识”的透明度&显示位置。

  • opacity 为图片水印透明度,0-1 范围,如果觉得颜色比较重,可往小的设置 .5
  • top: 0; 为文章内原创标识页内显示位置上下调整,增大/减小数字即可。
  • right: 0; 为文章内原创标识页内显示位置左右调整,增大/减小数字即可。

该教程来自狐狸库原创文章。

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 共11条
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片快捷回复
    • 的头像-知新网Dax23670
    • 的头像-知新网乐云0
    • 的头像-知新网暮冬0
    • 的头像-知新网顾辞6660
    • 的头像-知新网zhixing202330
    • 的头像-知新网大鹏0
    • 的头像-知新网wangmiao0
    • 的头像-知新网mengdo0
    • 的头像-知新网朝阳0
    • 的头像-知新网l9924640
    • 的头像-知新网www22969455040
社区求救信号帮助是一种美德