WordPress自定义文章内容右上角原创标识子比主题文章页面原创标识精华图标代码

Wordpress自定义文章内容右上角原创标识子比主题文章页面原创标识精华图标代码-精品资源网
WordPress自定义文章内容右上角原创标识子比主题文章页面原创标识精华图标代码
此内容为付费阅读,请付费后查看
9
立即购买
您当前未登录!建议登陆后购买,可保存购买订单
付费阅读

这个代码还可以自定义“原创标识”图片的的透明度和显示位置,方法见本文底部。

将下方隐藏框中的CSS代码复制,放到你的网站公共CSS中,或者找到文章区域引入CSS的文件加入代码。

这里以子比主题添加代码为例,详细说明添加方法:后台 >> Zibll主题设置 >> 全局&功能 >> 自定义代码 >> 自定义CSS样式,加入代码即可。

记得在代码中修改 background 的图片路径为您自己的图片哦,图片可以下载,上传到你网站服务器,引入网址即可。下面提供了几个精华帖、热门帖、原创帖的图片,喜欢的朋友可以下载使用!

最后,我们在编辑文章的时候,哪篇文章需要加入原创标志,那么文章编辑器的 html 中,放入下方 html 代码即可:

文章编辑框中引入下面这个代码即可:

<div class="huliku-yuanchuang"></div>

特别说明:可自定义“原创标识”图片的的透明度&显示位置,方法如下:

  • opacity 为图片水印透明度,0-1 范围,如果觉得颜色比较重,可往小的设置 .5
  • top: 0; 为文章内原创标识页内显示位置上下调整,增大/减小数字即可。
  • right: 0; 为文章内原创标识页内显示位置左右调整,增大/减小数字即可。
© 版权声明
THE END
点赞13 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容