Googleカスタム検索の検索窓のカスタマイズ

Googleカスタム検索は、設置するのも簡単です。

• サイト内検索（Googleカスタム検索）の設置方法 – WordPressの使い方と設定 – Webkaru

ただし、いまひとつ、表示が崩れる場合がある。

自分のサイトも、そんなにおかしくないのだが、XOOPSの検索窓と少し違う表示になっていた。

ということで、サイトの表示、スタイルシートにあった表示になるように、JavascriptからHTMLフォームに変更しました。

参考にしたのは、以下の記事。

• HTMLフォームを使用したGoogleカスタム検索のデザイン変更方法 – WordPressの使い方と設定 – Webkaru
• Googleカスタム検索の設置方法。自分のホームページに検索窓と検索結果ページを分けて設置。｜及川WEB室