子比主题 WordPress 网站优化教程:底部美化 + 多功能导航添加方法

欢迎来到优源库博客 本站资源大多来自网络 如有侵犯你的权益请联系管理员核查

宝贝们快看我

如何您找不到下载区或者不想看内容 请点击下方 资源下载直达

点我直达资源区
宝贝们快看我

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

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

子比主题 WordPress 网站优化教程:底部美化 + 多功能导航添加方法

引入阿里巴巴矢量库的图标,也可以自行修改 因为前面搞错东西了,后面查了下才发现问题,把下面的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>
部分内容来自于网络 如有侵权请联系站长删除 如有压缩包需要解压密码皆为www.yykbk.com
文章很赞,支持一下吧~ 还没有人为TA充电
为TA充电
还没有人为TA充电
子比主题 WordPress 网站优化教程:底部美化 + 多功能导航添加方法-优源库博客
子比主题 WordPress 网站优化教程:底部美化 + 多功能导航添加方法
此内容为付费阅读,请付费后查看
166.6积分
付费阅读
© 版权声明
THE END
点赞6 分享
支持一下作者
×
QQ
VX
ZFB
评论 抢沙发

请登录后发表评论

    暂无评论内容