小赖子的英国生活和资讯

为博客添加GOOGLE搜索最简单的HTML方式

阅读 桌面完整版

之前提到可以 通过改 WORDPRESS 模板 functions.php 来把默认的 搜索引擎改成用GOOGLE的. 如果用户没有权限的话那么可以换以下的方式更为简单.

只需要到 WP的设置面板 – 外观 – 小工具 – 中添加 文本小工具并插入以下HTML/JS代码

<form onsubmit='javascript: document.getElementById("q").value+=" site:"+window.location.hostname;' action='https://www.google.com/search' method='GET'>
<input name='q' id='q'/><input type='submit' value='Search'/>
</form>

原理就像代码一样简单直观: 添加一个HTML表单 有一个控件名称为q 正好是 GOOGLE URL搜索的参数 用于指定查询字符串, 提交表单的方式为 GET (可以简单理解成在URL后加入参数), 并且在提交之前 动态的把查询字符串添加上 site:域名. 后面的域名则可以用 JS 代码 window.location.hostname 来取得.

widget-search-engine

这样的话 可以同时存在两种搜索方式 方面了墙内外的读者.

search-via-google-vs-wordpress-search

英文: https://helloacm.com/how-to-add-google-search-engine-to-wordpress-blog-widget-simple-html-code/

强烈推荐

微信公众号: 小赖子的英国生活和资讯 JustYYUK

阅读 桌面完整版
Exit mobile version