给B2添加私信弹窗

主题美化
5月20日
编辑

哔哔一二

给B2添加私信弹窗

简介

这是一个用于B2主题的私信弹窗功能，由于默认私信消息提醒感知太弱，看到别人给自己发的私信时，基本都过了一俩月了！！！

之前折腾了几次简单的，这次干脆弄的像样点。

提前声明：本文为原创小功能，界面来自codepen.io修改，转载请注明来源。

原理

通过给私信标签添加固定样式，从而进行监控指定内容。

如果成立，就弹窗，不成立就隐藏。

代码使用方法如下 – 请按步骤修改代码

第一步：在子主题functions.php中添加如下代码，加载指定文件

// 修改私信提醒443行
require_once get_stylesheet_directory() . '/Modules/Templates/Footer.php';

第二步：根据上方文件路径，打开文件，找到以下代码

如果你子主题没有对应文件，在子主题中创建对应路径文件夹，然后去父主题复制对应文件到子主题内。

给代码中的有新私信和私信列表，前方的span样式中，添加额外样式名diy-sixin

详情看下方代码，也可以直接复制替换。

<?php if($aside_dmsg && !$audit) { ?>
    <div :class="['bar-item',{'active':showType.dmsg}]" @click="show('dmsg','<?php echo $dmsg_url;?>')">
          <b v-show="dmsg.count" class="bar-mark"></b>
          <?php echo b2_get_icon('b2-mail-send-line'); ?>
          <span class="bar-item-desc diy-sixin" v-if="dmsg.count"><?php echo __('有新私信','b2'); ?></span>
          <span class="bar-item-desc diy-sixin" v-else><?php echo __('私信列表','b2'); ?></span>
    </div>
<?php } ?>

第三步：在footer.php中，添加以下代码，添加位置如图

给B2添加私信弹窗

代码如下：

具体界面样式、显示文字等都可以自行修改，会css就行了。
同时此功能也可以用在顶部的消息上，这要你自己改改了，不过消息里基本都是些积分通知，感觉无关紧要了。
比如可以添加判断，把你有一条新私信那里改为变量，通过判断修改为消息或私信。
动态修改按钮地址，这个比较麻烦了，感觉没什么必要，你可以自己折腾折腾