Joe主题 评论弹幕效果(限PC端)

Jaysun

温馨提示:这篇文章已超过387天没有更新,请注意相关的内容是否还可用!

Joe主题实现评论弹幕功能,其他主题都已经有此功能了,今天分享下Joe主题评论弹幕功能,后台自由开启,前台随时开启和关闭!

效果图:

253785041.png


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

Joe主题 评论弹幕效果(限PC端)

Joe主题 评论弹幕效果(限PC端)


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.jpg

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.png

4、上传如下文件

将以下代码,放在usr/themes/Joe-master/library
下载地址:

隐藏内容
评论可见
前往评论

5、后台开启

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

4.jpg


您需要 登录账户 后才能发表评论

发表评论

快捷回复: 表情:
AddoilApplauseBadlaughBombCoffeeFabulousFacepalmFecesFrownHeyhaInsidiousKeepFightingNoProbPigHeadShockedSinistersmileSlapSocialSweatTolaughWatermelonWittyWowYeahYellowdog
评论列表 (有 1 条评论,526人围观)
网友昵称:1420771410
1420771410 V 普通用户 Google Chrome 112.0.0.0 Windows 10 x64 沙发
2023-05-06 来自河南 回复
看一年半

目录[+]

取消
微信二维码
微信二维码
支付宝二维码