WordPress子比主题自定义文章内容右上角添加原创标识

温馨提示:本文最后更新于2024-01-22 19:06:32,某些文章具有时效性,若有错误或已失效,请在下方留言。

效果图:见本文章右上角

图片[1]-WordPress子比主题自定义文章内容右上角添加原创标识-蛙言资源网

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

相关代码

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

使用方法

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

<div class="kun66-yuanchuang"></div>
图片[2]-WordPress子比主题自定义文章内容右上角添加原创标识-蛙言资源网
图片[3]-WordPress子比主题自定义文章内容右上角添加原创标识-蛙言资源网

相关说明

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

  • opacity 为图片水印透明度,0-1 范围,如果觉得颜色比较重,可往小的设置 .5
  • top: 0; 为文章内原创标识页内显示位置上下调整,增大/减小数字即可。
  • right: 0; 为文章内原创标识页内显示位置左右调整,增大/减小数字即可。
© 版权声明
THE END
喜欢就支持一下吧
点赞7 分享
一月 22

蛙言网今时往日

    "吼吼~~~,往年的今天蛙言不知道跑哪里偷懒去了~~~"
畅所欲言 共3条

请登录后发表评论