Googleマップを横幅一杯に入れてみよう!

ホームページのアクセスページなどでよく見るGoogleマップを入れてみたいと思います。?

左の「Google マップ」ウィジェットを「新しいセクションの追加」へ入れます。

表示したい住所欄に住所を記入。

今気づいたのですが住所欄に郵便番号でもいけますね。知らなんだ。?

ズームレベルは大きい値ほど拡大表示。

高さは適当に入れて、

スクロール無効を はい にするとマップの操作はできなくなります。

詳細タブのエントランスのアニメーションでアニメーションを選択するとアニメするよ。もうなんでも有りやな。?
http://elecre.net/2018/01/25/post-571/
この状態で左下からPreview Changesするとブラウザウィンドウを広げると左右に空きが出ますね。

これを横幅一杯にドカーンと表示させましょう!

上部の「Edit セクション」を選択。

コンテンツの幅:全幅

カラムのすき間:すき間なし

して先程同様にPreview Changesで確認してみてくださいっ。横幅一杯に表示できました!?

 

 

 

DEMO

Elementorカテゴリ

Announce

New
arrival

2019 collection

Let’s face it, no look is really complete without the right finishes. Not to the best of standards, anyway (just tellin’ it like it is, babe). Upgrading your shoe game. Platforms, stilettos, wedges, mules, boots—stretch those legs next time you head out, then rock sliders, sneakers, and flats when it’s time to chill.

Announce

New
arrival

2019 collection

Let’s face it, no look is really complete without the right finishes. Not to the best of standards, anyway (just tellin’ it like it is, babe). Upgrading your shoe game. Platforms, stilettos, wedges, mules, boots—stretch those legs next time you head out, then rock sliders, sneakers, and flats when it’s time to chill.