代码 文章 ·

为Tint主题文章页添加漂亮的打赏按钮

前言

不少站长都需要在文章页添加打赏按钮,大部分博客也都有这种功能,但是Tint主题没有添加这个按钮,可能是因为旁边可以加载赞助我的小工具吧,今天就写一篇加打赏按钮的教程吧。

第一步

首先在文章内容区域选择按钮位置,主题默认有一个点赞按钮,放在点赞按钮旁边相对合适,那么

首先打开文章页模版文件  Tint/core/modules/mod.SinglePost.php

然后搜索关键字 post-like     ,第一个a标签是点赞按钮,所以在它下面添加一个a标签,图片看不清可以点击放大,下面是代码

第二步

按钮添加上了,但是默认是没有css样式的哦,所以非常难看,css有很多种方式添加,这里介绍添加到额外的自定义css文件内。

新建一个 custom.css ,已有跳过,文件内添加以下内容:

 

添加后保存,然后在主题选项-页头自定义代码处引用此文件,添加如下

第三步

按钮添加好以后,现在要做的就是添加一个弹出层,用于显示二维码,首先打开文件  Tint/core/modules/mod.Header.php

在18行如图位置,看不清可以点击放大,添加以下代码并保存

这里图片的样式已经在第二步中添加过了,保存后直接刷新即可看到效果。

 

文章转载自:酷ACG资源网

原文链接:https://www.kuacg.com/21020.html

参与评论