電力自由化
電力自由化も始まってから3年が経ちました。電気料金について考えてみませんか?

ワードプレス「Googleマップ」がはみ出てしまう場合の対処方法




Googleマップの埋め込み方法

プラグインを使わないGoogleマップの表示方法です。カスタマイズをおこなう場合は、あくまで自己責任でお願いいたします。

googleマップで埋め込みたい地図を表示させる。

左側の共有をクリックする。

20161103-01

「地図を埋め込む」をクリックすると「html」が表示される。

埋め込む地図の大きさ「小」「中」「大」「カスタム」を選択する。

「html」を埋め込みたい地図にコピーする。

20161103-02

「Xeory Extension」スマートフォンでははみ出てしまう場合の対処方法

テーマによってCSSを記載する場所が違いますので、変更する場合は確認してくださいね。

「Xeory Extension」の場合

「外観」

「テーマの編集」

「スタイルシート style.css」

から

@media screen and (max-width: 767px) {
/* phone */

の場所に

を記載します。

貼り付けたgoogleマップを

で囲むとスマートフォンでも画面に収まります。

この方法で、スマートフォンにgoogleマップを表示させた場合、表示までにかなり時間がかかります…

そのままリンクを張り付けた方が良いかもしれません…

国内格安航空券・飛行機の予約はスカイチケットがおすすめ!

ご家族や、お友だちとのご旅行には『スカイチケット』での検索・比較・予約がお得で便利です。国内14社・海外700社以上の航空会社から、飛行機チケットの最安値をリアルタイムで一括比較が可能です。

本日の注目記事はこちら



【PR】H.I.S.(エイチ・アイ・エス)
海外旅行・国内旅行はエイチ・アイ・エス!豊富なラインナップから希望に合ったご旅行を選択いただけます。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です