2017-09-11 18 views
0

私はPHPで多くの経験はありませんが、私は自分のウェブサイトのカスタムテーマコードを更新して新しいGoogle CSEを使用しようとしています。ヘッダーに検索バーがあり、検索結果ページにリダイレクトされるようにWebサイトが設定されています。 header.phpの中に検索バーコードは次のとおりです。カスタムWordpressテーマのGoogleカスタム検索CSEを更新する

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

これは非常に感謝しています!ありがとう!

答えて

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> 

WITH

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

旧HTMLコードを置き換える.. (今、あなたは、Googleのカスタム検索でデフォルトの検索を交換しました)

+0

ありがとうございます!これは機能的には完全に機能しますが、ヘッダー全体を完全にカバーします。 Google CSEのカスタムデザインを行う方法を知っていますか?私はドキュメンテーションを見て、私が見つけることができるものを見ていきますが、PHP/Google CSEよりも経験が豊富だから、正しい方向に私を向けることができれば嬉しいです。 –

+0

ありがとうございました..私の答えが役に立つならば、有益に投票してください。 と必要なGoogle CSEをカスタマイズするには、https://google.com/cseにアクセスし、Google cseで作成したアカウントにログインしてください。入力、サイズ、出力などの機能の多くがあります。 –

+0

だからキリスト教、あなたはもうこれ以上質問してください! :) –

関連する問題