子比打赏插件-最新版V2.0.0已更新[2024-08-18][更新日志/使用教程]

V2.0.0版本介绍【2024-08-18】

  • 支持免登录打赏
  • 新增打赏用户数据管理
  • 更新打赏后显示文章隐藏内容 支持Cookie
  • 新增自定义打赏标语
  • 新增页面右下角打赏弹幕
  • 新增小工具ZYX-图片打赏 支持点击图片后弹出打赏模拟框
  • 新增小工具ZYX-文章打赏排行榜

V1.0.0版本介绍

  • 支持文章打赏,帖子打赏和赞助本站,使用JS自动在文章页添加打赏按钮
  • 支持自定义价格并打赏后显示文章内容

在帖子页添加打赏按钮

效果图

图片[1]-子比打赏插件-最新版V2.0.0已更新[2024-08-18][更新日志/使用教程]-炙焰技术网

/zibll/inc/functions/bbs/inc/single.php

$post_id = get_the_ID();
    $btns .= '<a id="ds" href="javascript:;" data-class="modal-mini full-sm" mobile-bottom="true" data-height="330" data-remote="/wp-admin/admin-ajax.php?action=number_of_post_cs_modal&post_id=' . $post_id . '" class="rewards action action-rewards"  data-toggle="RefreshModal">'.zyx_reward_icon().'<text>打赏</text></a>';;
图片[2]-子比打赏插件-最新版V2.0.0已更新[2024-08-18][更新日志/使用教程]-炙焰技术网

如果大家想在自定义位置显示可以使用一下代码

这里拿侧边栏按钮做演示,原理一样

这里就是直接打赏给站长

效果演示

图片[3]-子比打赏插件-最新版V2.0.0已更新[2024-08-18][更新日志/使用教程]-炙焰技术网

具体文件:

/wp-content/themes/zibll/inc/options/admin-options.php
/wp-content/themes/zibll/inc/functions/zib-footer.php

admin-options.php代码

array(
                        'title'      => '打赏',
                        'desc'       => '<div class="c-yellow"><i class="fa fa-fw fa-info-circle fa-fw"></i>此按钮建议放置在最顶部或者最底部</div>',
                        'id'         => 'traditional_chinese',
                        'type'       => 'accordion',
                        'accordions' => array(
                            array(
                                'title'  => '打赏',
                                'fields' => array(
                                    CFS_Module::float_btn()[0],
                                    CFS_Module::float_btn()[1],
                                    CFS_Module::float_btn()[2],
                                ),
                            ),
                        ),
                    ),
图片[4]-子比打赏插件-最新版V2.0.0已更新[2024-08-18][更新日志/使用教程]-炙焰技术网

zib-footer.php代码

case 'traditional_chinese':
                $btn .= '<a' . $style . ' data-class="modal-mini full-sm" mobile-bottom="true" data-height="330" data-remote="' . add_query_arg(['action' => 'number_of_post_cs_modal'], admin_url('admin-ajax.php')) . '" data-toggle="RefreshModal" class="float-btn more-btn"' . $tooltip . ' data-placement="left" title="打赏" href="javascript:;"><span class="em12"><svg t="1702093132311" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2694" width="200" height="200"><path d="M451.08 416.06c-10.02 0-19.89-4.68-26.14-13.46l-66.95-93.99c-10.27-14.42-6.91-34.44 7.51-44.71s34.44-6.91 44.71 7.51l66.95 93.99c10.27 14.42 6.91 34.44-7.51 44.71a31.923 31.923 0 0 1-18.57 5.95z" fill="#E62330" p-id="2695"></path><path d="M663.35 507.77h-306.4c-17.71 0-32.06-14.35-32.06-32.06s14.35-32.06 32.06-32.06h306.4c17.71 0 32.06 14.35 32.06 32.06s-14.35 32.06-32.06 32.06zM663.35 622.18h-306.4c-17.71 0-32.06-14.35-32.06-32.06s14.35-32.06 32.06-32.06h306.4c17.71 0 32.06 14.35 32.06 32.06s-14.35 32.06-32.06 32.06z" p-id="2696"></path><path d="M531.32 500.96a31.9 31.9 0 0 1-18.57-5.95c-14.42-10.27-17.78-30.29-7.51-44.71l108.14-151.83c10.27-14.43 30.29-17.79 44.71-7.51 14.42 10.27 17.78 30.29 7.51 44.71L557.47 487.5c-6.26 8.79-16.13 13.46-26.15 13.46z" p-id="2697"></path><path d="M511.14 770.93c-17.71 0-32.06-14.35-32.06-32.06V491.62c0-17.71 14.35-32.06 32.06-32.06s32.06 14.35 32.06 32.06v247.24c0 17.72-14.35 32.07-32.06 32.07z" p-id="2698"></path><path d="M510.15 976.65c-254.86 0-462.22-207.35-462.22-462.22S255.29 52.22 510.15 52.22s462.22 207.35 462.22 462.22-207.36 462.21-462.22 462.21z m0-860.3c-219.51 0-398.09 178.58-398.09 398.09s178.58 398.09 398.09 398.09 398.09-178.58 398.09-398.09-178.58-398.09-398.09-398.09z" p-id="2699"></path></svg></span></a>';
                break;
图片[5]-子比打赏插件-最新版V2.0.0已更新[2024-08-18][更新日志/使用教程]-炙焰技术网
版权声明

   本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请 联系我们 一经核实,立即删除。并对发布账号进行永久封禁处理。在为用户提供最好的产品同时,保证优秀的服务质量。


本站仅提供信息存储空间,不拥有所有权,不承担相关法律责任。
THE END
喜欢就支持一下吧
点赞6 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容