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

发布于 2019-07-19 20:25:57 字数 1055 浏览 1519 评论 0

当 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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据

关于作者

JSmiles

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

0 文章
0 评论
84961 人气
更多

推荐作者

醉城メ夜风

文章 0 评论 0

远昼

文章 0 评论 0

平生欢

文章 0 评论 0

微凉

文章 0 评论 0

Honwey

文章 0 评论 0

qq_ikhFfg

文章 0 评论 0

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文