在自定义 Wordpress 主题上更新 Google 自定义搜索自定义搜索引擎

Question

我在 php 方面经验不多，但我正在尝试更新我网站的自定义主题代码以使用新的 Google CSE。该网站已设置为 header 有一个搜索栏，可将您重定向到搜索结果页面。 header.php中的搜索条码如下：

<form method="get" action="<?php bloginfo('url'); ?>" class="ui-form dark search">
                            <label for="f-search"><i class="icon-search"></i> <span class="alt">Search</span></label>
                            <input type="text" name="s" id="f-search" placeholder="Search" />
                        </form>

搜索结果页：

<script src="https://www.google.com/jsapi"></script>
                <script type="text/javascript">
                    google.load('search', '1');
                    google.setOnLoadCallback(function() {

                        var SEARCH = new google.search.CustomSearchControl('010282947182076583221:xjxtd-etbp0');
                        SEARCH.draw('search-results');
                        SEARCH.execute("<?php the_search_query(); ?>");
                    });
                </script>

这是来自 Google 的新 CSE 代码：

<script>
  (function() {
    var cx = '015983680008294815385:py6fsnsv2fc';
    var gcse = document.createElement('script');
    gcse.type = 'text/javascript';
    gcse.async = true;
    gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(gcse, s);
  })();
</script>
<gcse:search></gcse:search>

非常感谢任何帮助！谢谢！

Answer 1

只需替换旧的 html 代码

<form method="get" action="<?php bloginfo('url'); ?>" class="ui-form dark search">
                            <label for="f-search"><i class="icon-search"></i> <span class="alt">Search</span></label>
                            <input type="text" name="s" id="f-search" placeholder="Search" />
                        </form>

与

<script>
  (function() {
    var cx = '015983680008294815385:py6fsnsv2fc';
    var gcse = document.createElement('script');
    gcse.type = 'text/javascript';
    gcse.async = true;
    gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(gcse, s);
  })();
</script>
<gcse:search></gcse:search>

这就是全部，现在它将开始工作.. （现在您已将默认搜索替换为 Google 自定义搜索）

在自定义 Wordpress 主题上更新 Google 自定义搜索自定义搜索引擎

Updating Google Custom Search CSE on custom Wordpress theme

php

wordpress

wordpress-theming

google-custom-search