自分も最初にマップモジュールを使った時こんな経験をしました。実はグーグルマップを挿入するのにマップモジュールはいりません。寸法も好きに変換できるんです。こんにちは、ナオミです。Diviを日本で広めたいと思い、Diviを研究しています。この記事では無料でグーグルマップをDiviに埋め込む方法を紹介しています。使うのはマップモジュールじゃなく、コードモジュール先ほどコピーしたHTMLをコードモジュールに挿入マップをカラム(列)の幅に合わせる方法widthを100%にする行を全幅にすれば、画面の幅でマップが表示されるDiviの日本語を直した子テーマグーグルマップからコードを取得する次にコードモジュールに挿入するコードをグーグルマップから取得します。このように、表示させたい場所の地図を開き、共有をクリックします。『地図を埋め込む』を選択しHTMLをコピータブが二つありますので、『地図を埋め込む』を選択します。したら、HTMLが表示されますので、『HTMLをコピー』をクリックします。使うのはマップモジュールじゃなく、コードモジュールまずはコードモジュールを挿入します。先ほどグーグルマップでコピーしたHTMLをコードモジュールに挿入すると、マップが表示されます。先ほどのコードモジュールを大きい幅のカラム(列)に挿入してみると、グーグルマップは特定の幅に固定されてることがわかります。カラムの幅で表示したい時もありますよね。実は簡単に全幅にできるんです。widthを100%にするここを600じゃなくて、100%にします。これでカラム内の100%の横幅でグーグルマップが表示されました。行を全幅にすれば、画面の幅でマップが表示されるグーグルマップはカラムの幅いっぱいに表示されますので、カラムを含んでいる行を全幅にすればマップも画面全体で表示されます。行の設定のデザインタブに行きます。Diviの日本語がおかしくなってるせいで、『最大幅』が二つありますが、どちらも『100%』にします。Diviの日本語を直した子テーマ因みに、Diviの日本語訳を訂正した子テーマもありますので、是非使ってみて下さい。>>Diviの日本語がおかしいので、直しました。【無料子テーマ】これで全幅でグーグルマップが表示されました!是非試してみて下さいね。Diviのことをもっと深く知りたい方は、Divi完全マニュアルをご覧ください。返信をキャンセルメールアドレスが公開されることはありません。名前*メール*サイト検索:ナオミ旅するエンジニアです。出しヨーロッパでフリーランス。DiviとElementorが好き。WordPressとウェブ開発の情報を発信していきます。Proの購入完全ガイドDiviの入手からインストールまでを完全ガイドします。