戴兜的小屋
戴兜的小屋

PoiLive2D - 为你的博客添加一个看板娘

PoiLive2D - 为你的博客添加一个看板娘

前言

你没有看错,这其实是一篇水文
本文章以及相关插件所涉及的live2d模型均来自手游「药水制作师」。

插件作用

启用插件后,将会在你的博客左下角自动插入一个Live2D看板娘,并且能够通过插件控制面板修改其基本属性。

开发意图

并不是很想动模板的源码(快速逃),为了方便调♂教,便做成了插件。

插件效果

相信冰雪聪明的你已经看到了(:3」∠)

如何安装

下载压缩包,并将其解压到wordpress的plugin目录中

或直接通过插件后台上传压缩包

下载地址

https://www.lanzoui.com/i9m4g2d

更新日志

– 1.0.6 –
不再使用第三方jQuery
优化css

– 1.0.5E –
假装修复了白猫主题没法初始化模型的问题

– 1.0.5 –
修复后台异常输出
优化代码结构
增加换装功能

– 1.0.4 –
修复设置页面json保存后出现反斜杠的问题

– 1.0.2 –
修复header错误输出的问题

– 1.0.1 –
增加插件控制面板

– 1.0.0 –
初始版本发布

参考

给博客添加能动的看板娘

其他插件

保罗的Typecho插件,模型Poi(前去查看)
小白-白的WordPress插件,模型2233(前去查看)
泽泽的Typecho插件,模型2233(前去查看)
广树的emlog插件,模型伊斯特瓦尔(前去查看)
赞赏

戴兜

文章作者

回复 shezhang 取消回复

textsms
account_circle
email

  • CC

    安装成功了,但是只有上面的对话框可以显示出来,隐藏和变装按钮没有显示出来,人物也没有显示,但是鼠标点击人物附近上面的文字是会变的,不知道是不是冲突了,还是所需要啥jQuery的?不是学前端的,这些不太了解,大佬看到后看看能不能解决,谢谢

    5年前 回复
  • 岩展

    大佬您好,是这样的,我将咱们这款插件放在我的网站,我试着访问了一下,为什么只显示两个小对话框,就是隐藏和变装,其余的什么都不显示啊?为啥不显示人物呢?而且也没有什么错误提示,想修正都无从下手,请问可能是什么错误呢?麻烦您了

    5年前 回复
    • 戴兜博主

      @岩展:

      提供一下你的博客域名,我有空可以帮你看看呐
      平时上学没空,每周末才回家

      5年前 回复
  • 大佬在吗,怎么我换了域名后在数据库替换后登录主页用回旧域名chen4455.top进入后才能显示在百度或谷歌进入,用新域名都不显示入口

    5年前 回复
    • 戴兜博主

      @chen:

      不是很明白什么意思,能详细叙述么

      5年前 回复
  • chen

    可以发一下适合手机看板娘的所有尺度吗,好大啊。我想调成官方那个一模一样大小的

    5年前 回复
  • shezhang

    以下是我修改后的代码,请指正

    <?php
    defined('ABSPATH') or exit;
    add_action('wp_enqueue_scripts', 'live2d_scripts');
    function live2d_scripts()
    {
    wp_enqueue_script('live2d-jquery', LIVE2D_URL . '/live2d/js/jquery.min.js', array('jquery'), LIVE2D_VERSION, false);
    #if (!wp_is_mobile()) {
    wp_enqueue_style('live2d-base', LIVE2D_URL . '/live2d/css/live2d.css', array(), LIVE2D_VERSION, 'all');
    wp_enqueue_script('live2d-base', LIVE2D_URL . '/live2d/js/live2d.js', array('live2d-jquery'), LIVE2D_VERSION, true);
    wp_enqueue_script('live2d-message', LIVE2D_URL . '/live2d/js/message.js', array('live2d-jquery'), LIVE2D_VERSION, true);
    wp_enqueue_script('live2d-run', LIVE2D_URL . '/live2d/js/run_local.js', array('live2d-jquery'), LIVE2D_VERSION, true);
    #}
    }

    add_action('wp_head', 'live2d_head');
    function live2d_head()
    {
    #if (!wp_is_mobile()) {
    if (get_option('live2d_nohitokoto') == "checked") {
    $nohitokoto = "var nohitokoto = true;";
    } else {
    $nohitokoto = "var nohitokoto = false;";
    }
    if (get_option('live2d_nospecialtip') == "checked") {
    $nospecialtip = "var nospecialtip = true;";
    } else {
    $nospecialtip = "var nospecialtip = false;";
    }
    echo 'var live2d_Path = “‘ . LIVE2D_URL . ‘/live2d/model/pio/”;var message_Path = “‘ . LIVE2D_URL . ‘/live2d/”;var home_Path = “‘ . home_url() . ‘/”;’.$nohitokoto.$nospecialtip.”;
    if (!get_option(‘live2d_maincolor’)) {
    $maincolor = “206,0,255”;
    } else {
    $maincolor = hex2rgb(get_option(‘live2d_maincolor’));
    }
    echo “.message{border-color:rgba($maincolor,.4);background-color:rgba($maincolor,.2);box-shadow:0 3px 15px 2px rgba($maincolor,.4);color:rgba($maincolor,.6);}.hide-button,.switch-button{border-color:rgba($maincolor,.4);background:rgba($maincolor,.2);box-shadow:0 3px 15px 2px rgba($maincolor,.4);color:rgba($maincolor,.6);}.hide-button:hover,.switch-button:hover{border-color:rgba($maincolor,.6);background:rgba($maincolor,.4);color:rgba($maincolor,.8);}”;
    #}
    }

    add_action(‘wp_footer’, ‘live2d_footer’);
    function live2d_footer()
    {
    #if (!wp_is_mobile()) {
    ?>

    隐藏
    变装

    <?php
    #}
    }

    function hex2rgb($hexColor)
    {
    $color = str_replace('#', '', $hexColor);
    if (strlen($color) > 3) {
    $rgb = (string)(hexdec(substr($color, 0, 2))).','.(string)(hexdec(substr($color, 2, 2))).','.(string)(hexdec(substr($color, 4, 2)));
    } else {
    $color = $hexColor;
    $r = substr($color, 0, 1) . substr($color, 0, 1);
    $g = substr($color, 1, 1) . substr($color, 1, 1);
    $b = substr($color, 2, 1) . substr($color, 2, 1);
    $rgb = (string)hexdec($r).','.(string)hexdec($g).','.(string)hexdec($b);
    }
    return $rgb;
    }

    ?>

    5年前 回复
  • 博主呢,求解决手机端问题

    5年前 回复
    • 戴兜博主

      @chen:

      抱歉,学校住宿,没及时看到
      css部分也有对移动端的判断,也需要去掉

      5年前 回复
  • shezhang

    我的也是如此,求教

    5年前 回复
  • 戴兜博主

    只需要去掉外层的if (!wp_is_mobile()) {}

    5年前 回复
  • 我就是在那个文件中去掉了了if (!wp_is_mobile()) {
    8
               wp_enqueue_style(‘live2d-base’, LIVE2D_URL . ‘/live2d/css/live2d.css’, array(), LIVE2D_VERSION, ‘all’);
    9
               wp_enqueue_script(‘live2d-base’, LIVE2D_URL . ‘/live2d/js/live2d.js’, array(‘live2d-jquery’), LIVE2D_VERSION, true);
    10
               wp_enqueue_script(‘live2d-message’, LIVE2D_URL . ‘/live2d/js/message.js’, array(‘live2d-jquery’), LIVE2D_VERSION, true);
    11
               wp_enqueue_script(‘live2d-run’, LIVE2D_URL . ‘/live2d/js/run_local.js’, array(‘live2d-jquery’), LIVE2D_VERSION, true);
    12
          }
    13
      }之后就挂了,我也不知道去掉哪里好 😥

    5年前 回复
  • Monster5

    dalao你这个人物能在wap端显示吗?

    5年前 回复
    • @Monster5: 我也想问,手机端不见显示

      5年前 回复
      • 戴兜博主

        @chen4455:

        手机上可能会有性能问题,而且遮挡严重,需要显示的话自己去除mobile的判断就好了

        5年前 回复
        • @戴兜: 能帮一下吗,菜鸟不懂在哪去掉,谢谢大佬。QQ451555505

          5年前 回复
        • @戴兜: 不知道在哪去除,我在main.php中把带有mobile去除后网页直接乱码了 ,大佬求助啊:shock:

          5年前 回复
          • 戴兜博主

            @chen:

            只需要去除is_mobile的判断。
            而且真的手机上对视觉很影响 😮

            5年前
          • @戴兜: 卡没关系,现在不知道is_mobile的判断在哪去掉 😥

            5年前
          • 戴兜博主

            @chen:

            没记错的话是main.php

            5年前

戴兜的小屋

PoiLive2D - 为你的博客添加一个看板娘
前言 你没有看错,这其实是一篇水文 本文章以及相关插件所涉及的live2d模型均来自手游「药水制作师」。 插件作用 启用插件后,将会在你的博客左下角自动插入一个Live2D看板娘,并且能够通…
扫描二维码继续阅读
2018-02-23