Aktualisieren von Google Benutzerdefinierte Suche CSE auf benutzerdefinierten Wordpress-Theme

Question

Ich habe nicht viel Erfahrung in PHP, aber ich versuche, den benutzerdefinierten Thema Code meiner Website zu aktualisieren, um die neue Google CSE zu verwenden. Die Website ist so eingerichtet, dass die Kopfzeile über eine Suchleiste verfügt, die Sie zu einer Suchergebnisseite weiterleitet. Die Suche Strichcode in header.php ist wie folgt:

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

Die Suchergebnisseite:

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

Dies ist der neue CSE-Code von Google:

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

Jede mögliche Hilfe bei das wird sehr geschätzt! Vielen Dank!

Answer 1

Ersetzen Sie einfach die alte HTML-Code

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

MIT

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

Das ist alles jetzt wird es anfangen zu arbeiten .. (Jetzt haben Sie ersetzt Standard-Suche mit der Google Custom Search)