質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Google サイト

Google サイトは、Google社が提供する無料のホームページ作成ツールです。プログラミングやデザインなどの知識がなくても、ブラウザから容易にWebページを作成することが可能。新たなページの追加も簡単でページ数には制限がありません。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

0回答

1474閲覧

サイト内検索が表示されない

Anri_Hani

総合スコア7

Google サイト

Google サイトは、Google社が提供する無料のホームページ作成ツールです。プログラミングやデザインなどの知識がなくても、ブラウザから容易にWebページを作成することが可能。新たなページの追加も簡単でページ数には制限がありません。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2020/11/03 02:26

サイト内検索が表示されなくなってしまいました。
10月上旬には表示されていたはずの検索欄が表示されなくなってしまいました。
「検証」で調べてみるとこのような感じになります。(高さが0になってしまっています)イメージ説明

これはなぜでしょうか?
再度こちらのサイト(> https://www.tipdip.jp/tips_posts/production/1109/)を手本に設定してみましたが表示されません。CSSも何も「検証」でみる限り何も機能していない現状でございます。

どなたか解決方法のわかる方を探しております。よろしくお願いいたします。
一応コードも記載しておきます。(個人情報漏洩防止のため、番号だけ1111...に変更させていただいております)

HTML

1<!-- Googleサイト内検索 --> 2 <div id="gsc"> 3 <p><span>&#x25BC;</span>知りたいことやお困りのことがあれば、<br>キーワードを入力してください</p> 4 <script> 5 (function() { 6 var cx = '111111111111111111:fejacz5dwlu'; 7 var gcse = document.createElement('script'); 8 gcse.type = 'text/javascript'; 9 gcse.async = true; 10 gcse.src = 'https://cse.google.com/cse.js?cx=' + cx; 11 var s = document.getElementsByTagName('script')[0]; 12 s.parentNode.insertBefore(gcse, s); 13 })(); 14 </script> 15 <gcse:searchbox-only></gcse:searchbox-only> 16 </div> 17 <!-- End Googleサイト内検索 -->

CSS

1 2#gsc{ 3 background-color:#FFF; 4 vertical-align:middle; 5 float:right; 6 width:280px; 7 height:51px; 8} 9#gsc a{ 10 padding: 0; 11 line-height:18px; 12} 13#gsc a:hover{ background-color:transparent;} 14#gsc{ 15 width:280px; 16 /*margin:10px auto; 17 padding:0 15px;*/ 18 position:relative; 19} 20@media only screen and (max-width: 768px){ 21#gsc{ 22 width:90%; 23} 24#gsc{ 25 /*float:none;*/ 26 27 margin:10px auto; 28 padding:0 15px; 29 position:relative; 30} 31} 32#gsc .gsc-control-cse, 33#gsc .gsc-control-cse-ja, 34#gsc .gsib_a{ 35 margin:0 !important; 36 padding:0 !important; 37} 38.cse .gsc-control-cse, .gsc-control-cse{ 39 border:none !important; 40} 41/* テキスト入力フォームとボタンの位置 */ 42#gsc table.gsc-search-box td, 43#gsc table.gsc-search-box input { 44 vertical-align: middle !important;/*topから*/ 45} 46#gsc table.gsc-search-box td.gsc-search-button{ 47 padding-left:10px; 48} 49#gsc table.gsc-search-box td.gsc-search-button .gsc-search-button{ 50 padding:16px; 51} 52/* テキスト入力フォーム */ 53#gsc input[type="text"]{ 54 border: 1px solid #dddddd !important; 55 height:25px !important; 56} 57#gsc input[type="text"]:focus { 58 border: 1px solid #008ee1 !important; 59 outline: 0; /*safariの自動フォーカスを切る */ 60} 61/* テキスト入力フォームの影を消す */ 62#gsc #gsc-iw-id1{ 63 border:none !important; 64} 65/* テキスト入力フォームの背景画像位置調整 */ 66#gsc #gs_tti0 input{ 67 background-position:5px 5px !important; 68} 69/* ボタンの色 */ 70#gsc input.gsc-search-button { 71background: #0FB4ED !important; 72background: -ms-linear-gradient(top, #0FB4ED 0%,#0FB4ED 100%); /* IE10+ */ 73filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0FB4ED', endColorstr='#0FB4ED',GradientType=0 ); /* IE6-9 */ 74border: 1px solid #0FB4ED !important; 75} 76/* ボタンの位置調整と角丸消し */ 77#gsc .gsc-search-button{ 78 margin:0 0 0 -16px !important; 79 border-radius:0; 80} 81/* 入力時に出る「×」ボタンの位置調整 */ 82#gsc .gsib_b a{ 83 position:absolute; 84 top:15px; 85 right:65px; 86} 87/* 入力時に出る×ボタン -- Firefox位置調整 -- */ 88#gsc .gsib_b span{ 89 box-sizing: border-box; 90 -moz-box-sizing: border-box; 91 padding:2px 0 0 0; 92} 93.gs-title:link,.gs-title:visited { 94 color:#0000CC !important; 95} 96.gsc-result .gs-title{ 97 line-height:1.5; 98} 99table.gsc-search-box td{ 100 padding:0; 101}

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

m.ts10806

2020/11/03 08:21

何も触ってないのになったのであれば、仕様変更を疑ってみましたか?
Anri_Hani

2020/11/03 09:20

仕様変更。アップデートということでしょうか。 アップデートだとしたらどうしたら良いのでしょう。
m.ts10806

2020/11/03 09:22

基本的に仕様握ってるのはGoogleなので、ドキュメントを確認して調整するしかないと思います。どのように設置したのか知りませんが、公式のドキュメントが最も確実です。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問