ホームWebの記録つぶやき。このサイトについてプロフィールお問い合せWeb雑記帳。Webデザイナーの日々の備忘録。Webの記録つぶやき。ショップなどのサイトだと、地図は必須ツール。GoogleMapを利用する機会が多いです。今回、スマホ対応サイトでGoogleMapを設置する機会がありました。細かなカスタマイズをする場合は、GoogleMapsAPIを利用した方が良いかと思うのですが、シンプルで良ければ簡単にコピペでもGoogleMapを設置できます。スマホ対応でもバッチリできたので、メモとしてここに残します。GoogleMapの設置方法1.GoogleMapで表示したい地図のiframeをコピーGoogleMapで表示したい場所の地図を開きます。その画面で、右下に歯車のマークがあるので、ここをクリックします。「地図を共有/埋め込む」をクリックします。「地図を埋め込む」タブで出てきたiframeのコードをそのまま全部コピーし、htmlファイルに貼りつけます。-->cssは以下のように記述すると画面いっぱいに表示されます。100%;}しかし、スマホで横幅いっぱいだとスクロールした時に、GoogleMapに触ってしまうと画面のスクロールがし難いので、以下のようにすこしmarginで調整しました。値はデザインや実機での見せ方によって変えます。100%;}</style>以上の記述で、さくっとGoogleMapがスマホでも良い感じに設置できました。Map」でスマホ対応GoogleMapを簡単設置。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。WordPressで自分なりにテーマをカスタマイズしていると、カテゴリごとにデザインを変えたい!ということがあります。LightBoxのように、画像を拡大表示出来るjQueryプラグインを探してみました。苦手なJavaScriptをイチから勉強してみる【JavaScriptを外部ファイルにする】の続きとしてメモします。Webクリップアイコンの設置はとても簡単!アイコン素材をちゃんとアップして、1行link要素を書くだけです。今、あるところのサイト制作をしているのですが・・・。...PREVスマホ用にWebクリップアイコンを設置してみたNEXTWordPressサイトで表示高速化をいろいろやってみた。(別運営Blog)Webの記録つぶやき。このサイトについてプロフィールお問い合せWeb雑記帳。Webデザイナーの日々の備忘録。