主题新增打赏按钮,方便自由显示隐藏打赏区域

Ryan

2020-08-25/0 评论/196 浏览

先看看预览。
主题新增打赏按钮,方便自由显示隐藏打赏区域
首先加入一个自由显示隐藏打赏区域的按钮

<?php if (isPluginEnabled('TePass')) : ?>
    <a class="btn btn-warning" onclick="show_reward()" href="javascript:void(0);"><?php _e("打赏"); ?></a>
<?php endif; ?>

isPluginEnabled是检测插件是否激活的方法,具体如下

function isPluginEnabled($pluginName)
{
    return array_key_exists($pluginName, Typecho_Plugin::export()['activated']);
}

然后把调用打赏区域的代码包裹起来(主要是为了限定css生效范围)

<?php if (isPluginEnabled('TePass')) : ?>
    <div class="entry-support">
        <?php echo TePass_Plugin::getReward(); ?>
    </div>
    <?php endif; ?>

接着增加CSS样式

.btn_reward { /*隐藏TePass输出的按钮*/
  display: none;
}
.entry-support .p-list {
  padding: 10px 0;
  margin: 0 -5px;
  /* display: none 这是捐赠用户列表,无需要就隐藏 */
}
.entry-support .p-list .clusr {
  /* 限制头像大小 */
  width: 45px;
  height: 45px;
  margin: 5px;
}

然后你就可以点击打赏按钮显示打赏区域了。
演示就是本站。

文章出自:虾米皮皮乐 https://xiamp.net/archives/new-topic-reward-button.html,版权所有。本站文章除注明出处外,皆为作者原创文章,可自由引用,但请注明来源。
0 评论
196 浏览
您的大名:
万水千山总是情,给个打赏行不行。 打赏

发表评论

虾米皮皮乐

Ryan

版权申明:收费资源由本站发布,用户购买后只有终端使用权,禁止转售和转载

暂无附件
暂无目录
主题新增打赏按钮,方便自由显示隐藏打赏区域
08/25
2020
先看看预览。首先加入一个自由显示隐藏打赏区域的按钮<?php if (isPluginE...
扫描右侧二维码阅读全文