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

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

新規登録して質問してみよう
ただいま回答率
85.50%
iframe

HTMLのタグ<iframe>です。<iframe>は、ドキュメント内に""inline frame""を作るHTML要素で、同じページでセパレートしているドキュメントが表示されるようにします。

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

Google マップ

Google Mapは、Google社がオンラインで提供している地図・ローカル検索サービスです。GIS(Geographic Information System:地理情報システム)の中の「WebGIS」に該当します。地図・航空写真・地形の表示方式があり、それぞれユーザーが縮尺を調整して表示させることができます。地域の情報サービスを検索する機能やルート検索の機能も搭載されています。

CSS

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

Q&A

解決済

1回答

4253閲覧

埋め込んだGoogleマップの口コミを非表示するには?

nacchan3

総合スコア13

iframe

HTMLのタグ<iframe>です。<iframe>は、ドキュメント内に""inline frame""を作るHTML要素で、同じページでセパレートしているドキュメントが表示されるようにします。

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

Google マップ

Google Mapは、Google社がオンラインで提供している地図・ローカル検索サービスです。GIS(Geographic Information System:地理情報システム)の中の「WebGIS」に該当します。地図・航空写真・地形の表示方式があり、それぞれユーザーが縮尺を調整して表示させることができます。地域の情報サービスを検索する機能やルート検索の機能も搭載されています。

CSS

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

0グッド

0クリップ

投稿2019/04/01 00:35

前提・実現したいこと

埋め込んだGoogleマップの口コミを非表示するには?

発生している問題・エラーメッセージ

WordpressのTCDテーマ「AMORE」固定ページに、Googleマップを<iframe>で埋め込みました。
口コミの部分(画像の赤線部分)のみを非表示にしたいです。方法がありましたら教えて頂けると助かります。

試したこと

※検証画面上では、口コミ該当部分に

.gm-style .review-box{display:none}

と記述すると消えるのですが、Wordpressのcssに同じ記述をしても全く変わりません。
固定ページのcss、style.css、amore.cssなどへの記述を試してみましたが変わらず。
!importantをつけても変わらずです。

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

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

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

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

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

Lhankor_Mhy

2019/04/01 01:02

iframe の中のコードにCSSを記述しないと効かないと思います。
nacchan3

2019/04/01 04:51

ありがとうございます。iframeにdisplay:noneとstyleを記述すると、Googleマップ自体が消えてしまいます・・・。
Lhankor_Mhy

2019/04/01 05:03

ええ。なので、frame の中のコードにCSSを記述しないと効かないです。
nacchan3

2019/04/01 05:20

試しにdisplay:noneを記述してみた.gm-style .review-boxは、<iframe>内の要素です。 検証では非表示になるのに、実際に記述してみると非表示になりません。
Lhankor_Mhy

2019/04/01 05:28

いえ、そういう意味ではなく、iframe 要素で呼び出しているHTMLの中に記述しないといけないということです。
nacchan3

2019/04/01 05:39

iframe要素で呼び出しているHTMLは、Wordpressのどこから確認できるでしょうか?
Lhankor_Mhy

2019/04/01 05:45

わかりにくい言い方ですみません。iframe要素で呼び出しているHTMLは、Googleにあります。なので、「呼び出しているHTMLの中に記述しないといけないということ」は、それはできない、ということです。 少なくとも、私には思いつきません。 考えていただきたいのですが、どこかのサイトがGoogleマップを埋め込みながらその地図を変更して表示する、ということができるのは、セキュリティ的に問題がありますよね? そのような抜け穴は見つかり次第に埋められていますから、方法はまずないと思っていいかと思います。
nacchan3

2019/04/01 06:07

分かりました。やっぱり難しいですよね。 他の方法を考えてみます。 分かりやすく説明して頂きありがとうございました!
guest

回答1

0

ベストアンサー

既に「質問への追記・修正の依頼」指摘されていますがiframe外のCSSはiframe内には適用されません。また、iframe内のサイトをJavaScriptで編集することはご自身で管理しているサイトでない限り無理です。

なので、別サービスを探すなどされることをお勧めします。

投稿2019/04/01 14:59

kei344

総合スコア69364

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

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

nacchan3

2019/04/02 00:03

ありがとうございます!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.50%

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

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

質問する

関連した質問