在functions.php加上下面这段代码

图片存储在站长的腾讯云账户中，为了避免版权问题，我已将其删除。请您根据自己的需要，添加合适的图片以丰富内容。如果您有任何疑问或需要进一步的帮助，请随时联系我们。

引入阿里巴巴矢量库的图标，也可以自行修改 因为前面搞错东西了，后面查了下才发现问题，把下面的js跟css引入到你的网站即可

在footer.php里加上下面这段代码，自行修改

以下是润色后的 CSS 代码：
/* 这段 CSS 实现了文字的抖动效果，并确保内容能够适应手机屏幕，自动隐藏底部导航栏。这段代码在需要响应式设计时非常有用，建议保留 @media 查询部分以确保在不同设备上的良好显示。 */

JS代码 这段js代码是用来触发滚动条显示百分比的

更新

子比主题更新版本后，分享按钮代码发生了变动，这里我们也做一下修改：

<a class="share-btn poster" poster-share="<?php the_ID();?>" title="海报分享" href="javascript:;">
    <svg class="icon" aria-hidden="true"><use xlink:href="#icon-fenxiang"></use></svg>分享
</a>