WebデザインGoogleマップをレスポンシブ対応させ、ピンを中心に表示させる方法の備忘録です。initialize);</script></body>iframeは書かずに空のdivで表示させます。外部スクリプトと専用のスクリプトをbodyの最後に記述します。google.maps.LatLngに表示する地図の緯度と経度を記述します。zoomはデフォルトのズームレベルです。contentStringはピンをクリックした時に表示するラベルです。住所などを記入します。0;}地図の高さはpadding-topの値で調整します。参考にした記事はこちら。Webデザインブロック要素のセンタリングについての備忘録です。ブロック要素のセンタリング下記CSSを実装。center;を指定します。幅の決まっていないブロック要素のセンタリング下記CSSを実装。center;を指定します。両方のサンプルはこちら。参考にした記事はこちらとこちら。Webデザインmarginを0にしても画像の下にできてしまう余白をなくす方法の備忘録です。画像の下にできる余白をなくす下記CSSを実装。0;}これで画像の下にできる余白がなくなります。画像はインライン要素なのでベースラインに配置され、結果余白ができてしまいますので、下揃えにするかブロック要素にすることで解決します。auto;でセンタリングする必要があります。参考にした記事はこちら。Controllerの実装方法。投稿タイトルのリンク先URLを任意に設定できるプラグインです。Controller」で検索してインストール、有効化。Controller」が追加されるので、そこから当該機能を持たせたい編集画面を指定する。2で指定した編集画面に任意のURLを指定できるフィールドが追加される。各投稿にid=”post-(投稿id)”がなければ別ウインドウ機能は動作しませんので、例えば下記のように記事一覧のタイトル部分を変更します。WordPressWordPressでの投稿取得のまとめです。WordPressでの投稿取得のまとめquery_posts関数でそれぞれ下記のようなパラメータ設定に。);パラメータを指定しなければWordPressの表示設定が反映されます。posts_per_page=-1でも全件取得となります。参考にした記事はこちら。