在自定義WordPress主題上更新Google自定義搜索CSE

Question

我對PHP沒有太多經驗，但我正嘗試更新我的網站的自定義主題代碼以使用新的Google CSE。該網站已設置，以便標題具有一個搜索欄，可將您重定向到搜索結果頁面。中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> 

這是谷歌的新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> 

這一切現在就開始工作.. （現在你已經取代默認與谷歌定製搜索搜索）