Simplicityの特徴 › フォーラム › Simplicity2に関する話題何でも › Googleカスタム検索の設置
- このトピックには7件の返信、2人の参加者があり、最後に
インパラにより9年、 1ヶ月前に更新されました。
-
投稿者投稿
-
-
2017年8月7日 1:06 AM #54760
インパラ
ゲストいつもお世話になっております。
早速、質問させて頂きます。
サイドウィジェットにGoogleカスタム検索を設置したところ表示が上手くいかず悩んでいます。
現在、Simplicity2 バージョン:2.5.9
を利用しています。
サイドバーのテキストウィジェットでカスタム検索のコードを貼り付け表示するとこのようになります。
他にもSimplicity2で作成したサイトがあり、試してみましたが全て同じ結果になりました。
ひょっとしたら何か手順を間違っているのかもしれませんが、良かったらご意見お聞かせください。
-
2017年8月7日 9:47 AM #54762
かうたっく
ゲストSimplicityだけではなくどのテーマを見ても似たいような状況や、もっとひどい表示になりますねぇ
Googleカスタム検索のスタイルやテーマやそれぞれテーマのスタイルにも関係あるかと思われます。入力欄がそれを囲む枠をはみ出してるスタイルが原因だったので、下記コードをstyle.cssに書いてみるとはみ出さないかと思われます。
div[id^="___gcse"] .gsib_a { padding: 0 6px 0; } -
2017年8月7日 10:06 AM #54764
かうたっく
ゲストちなみにGoogle カスタム検索を利用した場合のコードで、たまたま同じ表示だったので、自分の環境で作成したものでのコードです。
できたら該当ページがあると、その環境で試せるのでより正確かもしれません
コードをコピペ後CSSを更新。
キャッシュを切ってページを更新すれば、 『『同じ環境なら』』反映されるかと思われますもし反映しなければ、
padding: 0 6px 0 !important;として試してくださいね❦
※それからSimplicityの問題ではないと思ってます^^ -
2017年8月7日 3:49 PM #54770
インパラ
ゲスト丁寧な回答ありがとうございます。
早速教えて頂いたCSSを記述したのですが思ったようにいきませんでした。
キャッシュもクリアしたのですが。
サイトを見てもらうのが一番早いのですが、初心者で恥ずかしいので申し訳ありません。
-
2017年8月7日 5:44 PM #54788
わいひらキーマスター当サイトのサイドバーにある「おすすめサーバー」の上にテスト的に設置してみましたが、特におかしな表示にはなりませんでした。

ほぼSimplicityデフォルト状態の当サイトで不具合が再現されないのであれば、実際のページを見てみないことには、ちょっと何ともいえないかもしれません。
-
2017年8月7日 8:29 PM #54795
インパラ
ゲストわいひらさんこんにちは。
わざわざ実装までして頂きありがとうございます。
お二人の意見を拝見し原因は自分にあると思いCSSをもう一度確認したところ、ミスを見つけました。
表を作成した際にtdを変更しており、自分ではidを付けて変更したつもりが記述ミスをしてページ全体が反映しておりました。
お恥ずかしい限りです。
お二人にご迷惑おかけしました。
それともう少し質問させてください。
このサイトの上部サイドバーにあるカスタム検索と「おすすめサーバー」の上にあるカスタム検索とでは若干表示が違うように見えます。
サイドバー上部にあるカスタム検索はCSSを変更しているんですか?
-
2017年8月7日 8:45 PM #54796
わいひらキーマスターそれはこっちの方法です。
WordPressにアドセンスの広告付きカスタム検索ボックスを設置する方法 -
2017年8月7日 11:36 PM #54803
インパラ
ゲストありがとうございます!
-
-
投稿者投稿
- トピック「Googleカスタム検索の設置」には新しい返信をつけることはできません。