子比主题文章头图如何添加气泡

子比主题文章头图如何添加气泡

1 演示

演示效果见本站

2 如何实现

气泡上升代码来源于 https://github.com/owen0o0/bubble

只需要 js 文件及下面这一段代码:

<canvas id="header_canvas" style="position:absolute;bottom:0" width="875" height="280"></canvas>

添加的位置为主题 zibll/inc/functions/zib-single.php 中,在第 185 行

$_thumb .= '<canvas id="header_canvas" style="position:absolute;bottom:0" width="875" height="280"></canvas></div>';

除此之外,在第 188 行处将

$html = $_thumb ? '<div class="' . $class . '">' . $_thumb . '</div>' : '';

改为如下

$html = $_thumb ? '<div id="thumbnail_canvas" class="' . $class . '">' . $_thumb . '</div>' : '';
© 版权声明
THE END
喜欢就支持一下吧
点赞0赞赏 分享
评论 抢沙发

请登录后发表评论