TypechoJoeTheme

尘遇 logo

当我遇上你
排行榜
统计

Joe主题实现评论弹幕(可开可关)

醉书生站长
4个月前
0 评论
206 阅读
检测收录...
05/18
本文最后更新于2021年05月18日,已超过151天没有更新,若内容或图片失效,请留言反馈。

Joe主题实现评论弹幕功能,后台自由开启,前台随时开启和关闭!

1、修改header文件

新增代码,;文件路径:usr/themes/Joe-master/public

①第一段放在最上面
<!-- 弹幕 -->
<section class="joe_aside__item newreply">
    <?php if ($this->options->JBarragerStatus === 'on') : ?>
        <?php $this->widget('Widget_Comments_Recent@index', 'ignoreAuthor=true&pageSize=15')->to($comments); ?>
        <ul class="j-barrager-list">
            <?php if ($comments->have()) : ?>
                <?php while ($comments->next()) : ?>
                    <li>
                        <span class="j-barrager-list-avatar" data-src="<?php _getAvatarByMail($comments->mail) ?>"></span>
                        <span class="j-barrager-list-content"><?php _parseAsideReply($comments->content); ?></span>
                    </li>
                <?php endwhile; ?>
            <?php endif; ?>
        </ul>
    <?php endif; ?>
</section>
②第二段放在最下面
<!-- 弹幕 -->
<?php if ($this->options->JBarragerStatus === 'on') : ?>
    <script src="<?php $this->options->themeUrl('library/joe.barrager/joe.barrager.js'); ?>"></script>
<?php endif; ?>

2、修改include.php文件

新增如下代码;文件路径:usr/themes/Joe-master/public

<?php if ($this->options->JBarragerStatus === 'on') : ?>
    <link rel="stylesheet" href="<?php $this->options->themeUrl('library/joe.barrager/joe.barrager.css'); ?>">
<?php endif; ?>

3、修改functions.php

最后面添加;文件路径:usr/themes/Joe-master

$JBarragerStatus = new Typecho_Widget_Helper_Form_Element_Select(
    'JBarragerStatus',
      array('off' => '关闭(默认)', 'on' => '开启'),
    'off',
    '是否开启弹幕功能(仅限PC)',
    '介绍:开启后,网站将会显示评论弹幕功能,该功能采用CSS动画引擎,并非传统JS操作DOM,无任何性能消耗。'
    );
$JBarragerStatus->setAttribute('class', 'joe_content joe_custom');
$form->addInput($JBarragerStatus->multiMode());

4、上传如下文件

将以下代码,放在usr/themes/Joe-master/library
下载地址:
链接:https://share.weiyun.com/sTVLYWp7 密码:t9y43j

5、后台开启

在自定义设置——是否开启弹幕功能(仅PC)

本文来自执念博客

本文共185个字数,您已阅读:平均阅读时长≈1分钟。
Typecho
朗读
点赞
2
赞赏
海报
人生
欢迎
要时间嘉许,等春风得意,我正好遇上你!

微信/QQ/支付宝三合一收款码

微信
QQ
支付宝
打开微信/QQ/支付宝扫一扫,即可进行扫码打赏!
版权属于:

尘遇

最后修改:

2021 年 05 月 18 日 08 : 30 AM

本文链接:

https://chenyu.me/1394.html(转载时请注明本文出处及文章链接)

暂无评论

光阴者,百代之过客

今日已经过去小时
这周已经过去
本月已经过去
今年已经过去个月

最新回复

  1. chz举人
    2021-10-16

  2. ZMR秀才
    2021-10-16
  3. 鑫旺秀才
    2021-10-15
  4. ZMR秀才
    2021-10-15
  5. WF.秀才
    2021-10-14