5月26日:WP/コンタクトページ修正

googlemapが表示されないのでエラーを見てみた。

 

You have included the Google Maps JavaScript API multiple times on this page. This may cause unexpected errors.

→ndex.html内でGoogle MapのAPIを複数回読み込んでしまっている。これにより、予期しないエラーが発生する可能性があります。

確かにcontactpageではmainで一箇所、footerで一箇所を読んでいるのでそのエラーが示しているのは間違いない。それをどうしたら良いのかという問題か?

後からつけたmainのAPIコメントアウトしてみたが消えず。。。?

不明。

 

とりあえずiframeで埋め込みして、マップの色を変更。

filter: invert(100%);

見本サイトに近づいた。

f:id:hinairo:20210527004526p:plain



 

WP FORMのプラグインを利用。

 htmLで書いたformタグの中身をコピーして、貼り付け。

そして各ショートコードを作成して適正な位置に貼り付け。

フォームの間隔や大きさなど修正。

見た目だけ完成。メールを書いて送信するとエラーとなる。

f:id:hinairo:20210527004920p:plain