博华网络科技,点击查看详情

WordPress教程:固定静态化搜索链接

当WordPress开启固定连接伪静态时,几乎所有的链接都已近静态了,但是我们的搜索链接默认情况下却一直的动态的链接,把 WordPress 的搜索链接静态化也不是什麽难事,只需要修改几个地方。
T3K5

不过在这裡之前你要确保你的 Apache 支持 Mod_rewtite,并且你在你的 WordPress 已经启用 Permalink 的功能。
我们所做只是添加一个 onsubmit 事件到主题文件的搜索框的 form 标签中:

  1. <form action=“/” method=“get” onsubmit=“location.href=’https://www.xhsay.com/<?php%C2%A0echo%C2%A0home_url(%E2%80%98/search/%E2%80%99);%C2%A0?>%E2%80%99%C2%A0+%C2%A0encodeURIComponent(this.s.value).replace(/s+/g,%C2%A0%E2%80%98+%E2%80%99);%C2%A0return%C2%A0false;%E2%80%9D>
  2. %0A

  3. <button type=“submit” class=“b”><i class=“fa fa-search”></i></button>
  4. <input type=“search” value=“” placeholder=“搜索关键词” class=“form-text” name=“s”/>
  5. </form>

上面代码中 onsubmit 在表单在提交的时候被触发,但是最后返回了false,阻止了表单的提交,设置 location.href 属性使用JavaScript的方式跳转页面,最后使用正则将搜索里面的空格替换为+号。
就这么简单,以后你可以通过固态链接搜索。

人已赞赏
wordpress教程

WordPress教程:对象缓存介绍和使用方法

2020-5-26 12:40:30

wordpress教程

WordPress教程:根据访问设备使用不同的主题

2020-5-26 12:40:32

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索