wordpress嵌入谷歌站内搜索

　　今天客户说想用谷歌站内搜索替代默认的搜索，防止被利用搜索结果页快照劫持，如何操作呢？

　　1、到https://programmablesearchengine.google.com/cse/创建可编程搜索

 

　　2、可以进行相关设置，然后获取代码，黏贴到想要显示的地方

 

 

 　　3、定义相关css样式，以下是ytkah设置的样式，去掉了边框、背景，可直接用

.gsc-control-cse,
.gsc-input-box,
.gsc-control-cse table td
{background:none !important;border:none !important;}
.gsc-control-cse table{background:none !important;border:none !important; margin:0;}
.gsib_b{display:none !important;}
.gsib_a input{background:none !important;border: 1px solid #ddd !important;color: #fff;padding-left: 10px !important;border-radius: 3px;}
.gsc-control-cse table td{padding:0;}

　　4、保存，刷新页面，效果如下所示，感兴趣的朋友可以试试