TypechoJoeTheme

虾米皮皮乐工作室

导航
统计
登录 / 注册

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

2020-08-25
/
0 评论
/
4 阅读
/
正在检测是否收录...
08/25

先看看预览。

首先加入一个自由显示隐藏打赏区域的按钮

<?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;
}

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

displayCSSfunctionTePass打赏p-listpluginname
朗读
赞 · 11
版权属于:

虾米皮皮乐工作室

本文链接:

https://xiamp.net/archives/new-topic-reward-button.html(转载时请注明本文出处及文章链接)

评论 (0)