B2主题 – 顶部导航搜索框改折叠美化

文章最后更新时间:2024-10-05 16:08:54

在7b2主题中,我们对电脑端页面的搜索框进行了改进,改为了一个更简洁的搜索按钮,同时新增了折叠弹出的功能。这一变化可能会吸引一些站长,因为它能够有效简化主题模板。然而,需注意的是,这样的调整也可能导致部分网友在点击时的使用复杂度有所增加。因此,建议根据自己网站的需求进行适当的美化和调整。如果对这些功能感兴趣,不妨进行收藏并自行测试。

图片[1] - B2主题 - 顶部导航搜索框改折叠美化

代码部署

1.首先将下面代码替换目录:/wp-content/themes/b2/Modules/Templates/Header.php
第196行开始至大约210行 public static function sub_menu之前(不知道什么原因子主题不起作用)

CSS样式代码

然后是CSS,可以添加到子主题的/wp-content/themes/b2child/style.css文件

隐藏内容,输入密码后查看

JS代码

最后是js,复制到子主题的wp-content/themes/b2child/child.js

THE END
点赞9 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容