TCD LABOをリニューアルしました!

Google Map

15
  • SOURCE(TCD045)

TCDテーマSOURCE:トップページのフリースペースにGoogle Mapをレスポンシブ対応して埋め込む方法

Q.トップページのフリースペースでGoogle Mapをレスポンシブ対応させたいトップページのフリースペースにGoogle Mapを埋め込むと、スマホ閲覧時にブラウザの幅に対応せず表示が崩れてしまいます。レスポンシブ対応させることはできますか。A.下記の方法で対応してください

  • テーマ共通

テーマ共通:スマホ表示時にコンテンツが左側に寄って表示される際の対処方法

Q.スマホで表示すると、コンテンツが画面の左側に寄って表示されてしまいます。トップページのフリースペース、あるいは記事詳細ページでYouTubeやGoogle Mapの埋め込みタグ等のiframeタグを使用した場合にお問い合わせを頂く事象です。基本的には、iframeタグはそのままの記述では

  • VENUS(TCD038)

TCDテーマVENUS:Googleマップのスタイルをカラーに変更する方法

Q.固定ページのテンプレート1のGoogleマップのスタイルがモノクロなんですが、カラーの地図に変更したいので方法をお教えください。A.下記のphpファイルの該当箇所を編集します今回はstyle.cssの下記コードの修正で、リストの%を変更します。テーマオプションのカスタムCSS

  • FORCE(TCD078)

TCDテーマBIRTH・FORCE:ページビルダーで設置したGoogleMapコンテンツの拡大率(縮尺)を調整する方法

2021/4/28 記事を更新しました。Q.GoogleMapの拡大率を調整したいページビルダー内のGoogleマップで地図の拡大率を調整したいのですが方法はありますか。このカスタマイズ内容はすべてのページビルダーのGoogleマップコンテンツに反映されますのでご了承ください。

  • AVALON(TCD040)

TCDテーマAVALON:GoogleMapの拡大率(縮尺)を変更する方法

TCDテーマAVALONの固定ページにGoogleMapを埋め込んだ際に、「もう少しこの部分まで表示したい」なんてことはないでしょうか?今回は表示される地図の縮尺を変更するカスタマイズ方法について解説していきます。下記のようにカスタマイズ修正していただくと小さくすることができます

  • AMORE(TCD028)

TCDテーマAMORE:地図の表示を英語版や他の言語表示にする方法

Q.地図の表示言語を変更したいA.投稿を編集画面にあるカスタムCSSを利用しますAMOREでは、Google Mapsを表示する際にデフォルトでは、言語指定をしておりませんので、通常はユーザーのブラウザに設定されている言語が優先されて表示されます。それを英語表示に変更する方法をご案内致します

  • VIEW(TCD032)

TCDテーマVIEW:GoogleMap(iframe使用)をレスポンシブ対応させる

Q.GoogleMapをレスポンシブ対応させるにはどうすれば良い?iframeでGoogleMapを記事内に挿入すると、レスポンシブ対応にならずスマホではみ出して(表示崩れして)しまいます。簡単に解決する方法はありますか?A.iframeをレスポンシブ対応するためのスタイル(CSS)を追

  • テーマ共通

投稿ページや固定ページに地図を表示する

投稿ページや固定ページに地図の挿入したい場合、弊社で開発した「TCD Google Maps」が便利です。当プラグインをインストールすることで様々なデザインの地図を記事のお好きな箇所にショートコードで簡単に設置できます。記事はもちろん、ウィジェット等のお好きな位置にショートコ