统计
  • 文章总数:5 篇
  • 评论总数:0 条
  • 分类总数:2 个
  • 最后更新:10小时前

Spimes对接TePass文章内侧栏积分付费功能

本文阅读 2 分钟
TePass侧栏积分/付费功能可以在主题文件夹下sidebar.php中添加代码,使得在文章页上方显示TePass容器,美化设计增强用户体验。同时,问题和改进中提到主题小屏幕下侧边栏隐藏和不支持长文章和markdown语法,建议在文章内插入TePass插件代码进行付费设置。打赏功能可以在post.php文件中插入代码实现,提供给读者更直观的支持方式。
摘要由智能技术生成

TePass侧栏积分/付费功能

在主题文件夹下sidebar.php快讯上方添加如下代码《附带美化》
本人感觉在快讯上方显示比较合理,可以按照自己的想法自定义位置

<!--tepass-->
    <?php if ($this->is('post')): // 只在文章页显示这个容器 ?>
<section class="widget g_m_i tepass-container">
  <div class="tepass-content">
      <h1 
  style="
  font-size:2.2rem;
  color:#6b7280; 
  font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;
  margin:1.2rem 0;padding:0.8rem 1.2rem;
  border-left:4px solid #3b82f6;
  border-radius:6px;
  box-shadow:0 2px 12px -3px rgba(59,130,246,0.15);
  transition:all 0.3s ease;
  position:relative;
  " 
  onmouseover="this.style.transform='translateX(4px)'" 
  onmouseout="this.style.transform='translateX(0)'"
 >
  <?php $this->title() ?>
      <!-- 文章页装饰元素 -->
      <span style="
          position:absolute;
          right:1rem;
          bottom:-8px;
          opacity:0.15;
          font-size:3em;
          color:#3b82f6;
          pointer-events:none;
      ">📌</span>
 </h1>
      <?php echo TePass_Plugin::getTePass(); ?>
  </div>
 </section>
<?php endif; ?>
<!--tepass-->

问题和改进

因为主题在小屏幕下侧边栏会隐藏,并不是容易看见,并且不支持长文章和markdown语法
但是TePass插件支持文章内插入且两个可以共用付费设置,可设置两个不同内容均可显示
代码如下

<!--TePass start-->
内容,支持markdown语法以及短代码
<!--TePass end-->

演示:

价格: 10.00 元
VIP会员价格:5.00元终身会员免费
温馨提示:登录付款后可永久阅读隐藏内容。 付费可读

这个功能感觉很容易抽风,不知道是不是错觉

打赏功能

在主题目录post.php文件中合适的位置插入下方代码

<?php echo TePass_Plugin::getReward(); ?>
原创文章,作者:xiyoyo,如若转载,请注明出处:https://store.xiyoyo.cn/archives/11/
主题/插件
« 上一篇 05-11
小灯泡主题Spimes对接tepass个人中心数据优化记录
下一篇 » 05-11

发表评论

发表评论

Spimes对接TePass文章内侧栏积分付费功能 📌

价格: 10.00 元
VIP会员价格:5.00元终身会员免费
温馨提示:登录付款后可永久阅读隐藏内容。 付费可读
    请配置好页面缩略名选项

热门文章