Locationsの項目を作成しました。

住所の横にGoogleマップの埋め込みを行った。
Googleマップで住所を検索し、埋め込みコードをコピーしてそのままHTMLコード内にペースト
widthとheightは好みのサイズに変更したかったため削除し、cssで指定。

                HTML
                    <div class="g-map">
                        <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d3249.8591375119704!2d139.6277649!3d35.4582816!
                        3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x60185d20638e2f53%3A0xbfc81397cc4b7284!2z56We5aWI5bed5aSn5a2mIOOBv-OBquOBqOOBv-OCieOBhOOCreODo-ODs-ODkeOCuQ!5e0!3m2!1sja!2sjp!4v1738049595507!5m2!1sja!2sjp" 
                        style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade">
                        </iframe>
                    </div>
                
            

                CSS
                    .g-map {
                        width: 100%;
                        position: relative;
                        margin-bottom: 0;
                        padding-bottom: 0;
                    }
                    .g-map iframe {
                        position: absolute;
                        top: -20vw;
                        right: 0.5vw;
                        width: 700px;
                        height: 350px;
                        padding-bottom: 0;
                        margin-bottom: 0;
                    }
                
            

→制作HP