固定静态化 WordPress 搜索结果链接 - 资源分享

固定静态化 WordPress 搜索结果链接

发布于 2019-07-19 字数 1284 浏览 1201 评论 0

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

固定静态化 WordPress 搜索结果链接

不过在这里之前你要确保你的 Apache 支持 Mod_rewtite,并且你在你的 WordPress 已经启用 Permalink 的功能。

我们所做只是添加一个 onsubmit 事件到主题文件的搜索框的 form 标签中:

<form action="/" method="get"
  onsubmit="location.href='<?php echo home_url('/search/'); ?>' + encodeURIComponent(this.s.value).replace(/\s+/g, '+'); return false;"
>
    <button type="submit" class="b"><i class="fa fa-search"></i></button>
    <input type="search" value="" placeholder="搜索关键词" class="form-text" name="s"/>
</form>

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

就这么简单,以后你可以通过以下链接来搜索本站:

https://www.wenjiangs.com/search/WordPress

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

目前还没有任何评论,快来抢沙发吧!

关于作者

JSmiles

生命进入颠沛而奔忙的本质状态,并将以不断告别和相遇的陈旧方式继续下去。

2583 文章
29 评论
84935 人气
更多

推荐作者

猫性小仙女

文章 1 评论 0

qq_VO6LhT

文章 0 评论 0

猿舌电影

文章 0 评论 0

7556275422

文章 0 评论 0

YYQ_139

文章 0 评论 0