先看看预览。
首先加入一个自由显示隐藏打赏区域的按钮
<?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;
}
然后你就可以点击打赏按钮显示打赏区域了。
演示就是本站。
精选留言