맞춤형 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

그냥 모두가 지금은 .. 을 작업을 시작할 것입니다 그

<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> 

올드 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> 

교체 (구글 맞춤 검색으로 이제 교체 한 기본 검색)