「TCD AWARD 2023」受賞サイトを発表しました。

ワードプレステーマ別

Google Map

19
  • REHUB(TCD099)

TCDテーマREHUB:レビュー記事のテーブルに住所欄を設け、Googleマップへのリンクを貼る方法

Q.レビュー記事のテーブルに住所欄を作ったときに、その住所へのGoogleマップのリンクを貼れますか?▼変更箇所イメージA.テーブルのデータセルにaタグを記述して対応してください。レビュー記事内のテーブルのデータセルには、aタグを記述してリンクを貼ることができます。また、

  • TOKI(TCD069)

TCDテーマTOKI:カスタム投稿「お店」の説明文でショートコード・iframeタグを使用する方法

Q.カスタム投稿「お店」の説明文でショートコードがそのまま出力されてしまいます。Q.カスタム投稿「お店」の説明文でYouTube動画やGoogleマップを埋め込みたいのですが、表示されません。A.下記の方法でカスタマイズしてください。編集するファイル: single-shop.php

  • FORCE(TCD078)

TCDテーマFORCE:カスタム投稿「ギャラリー」のフリースペースでiframeタグを使用する方法

Q.カスタム投稿「ギャラリー」の「フリースペース」にてiframeタグを使用したが、公開画面で表示されない。この箇所では、入力内容のサニタイズ(無害化)処理を行っているため、iframeタグ等出力されないHTMLタグがいくつかございます。万が一、記述ミスや悪意のある記述入力があったとしても(

  • SOURCE(TCD045)

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

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

  • MIKADO(TCD071)

TCDテーマMIKADO:固定ページテンプレート3の「Eの説明文」、「Eの枠線内に表示するテキスト」でHTMLタグを使用する方法

Q.固定ページテンプレート3「Eの説明文」でHTMLタグを使用したい。Googleマップを挿入したい。「Eの説明文」箇所では、HTMLタグを使用することを想定していないため、入力内容のサニタイズ(無害化)処理を行っています。そのため、iframeタグ等出力されないHTMLタグがございます。▼

  • テーマ共通

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

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

  • VENUS(TCD038)

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

Q.固定ページのテンプレート1のGoogleマップのスタイルをモノクロからカラーに変更したい。ページビルダーのGoogle Mapコンテンツでは彩度が変更出来るのですが、固定ページテンプレート1のGoogleマップ部分でも彩度を変更したいです。→VENUSデモサイト「COMPANY」ペー

  • 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」が便利です。当プラグインをインストールすることで様々なデザインの地図を記事のお好きな箇所にショートコードで簡単に設置できます。記事はもちろん、ウィジェット等のお好きな位置にショートコ