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>
これは非常に感謝しています!ありがとう!
ありがとうございます!これは機能的には完全に機能しますが、ヘッダー全体を完全にカバーします。 Google CSEのカスタムデザインを行う方法を知っていますか?私はドキュメンテーションを見て、私が見つけることができるものを見ていきますが、PHP/Google CSEよりも経験が豊富だから、正しい方向に私を向けることができれば嬉しいです。 –
ありがとうございました..私の答えが役に立つならば、有益に投票してください。 と必要なGoogle CSEをカスタマイズするには、https://google.com/cseにアクセスし、Google cseで作成したアカウントにログインしてください。入力、サイズ、出力などの機能の多くがあります。 –
だからキリスト教、あなたはもうこれ以上質問してください! :) –