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

Typecho教程 2020-08-25 44℃ 0 11

先看看预览。
2020-08-24T16:16:04.png2020-08-24T16:16:04.png
首先加入一个自由显示隐藏打赏区域的按钮

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

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

评论 (0)

Top