【WordPressでGoogleMapのカスタマイズ】 - Webサイト専門プログラマの言いたい放題

f:id:wp-lesson:20161217214420j:plain

WordPressで観光案内サイトを制作中の生徒さん。
　
GoogleMapのAPIを使ってカスタムした地図を、
特定のページに表示する方法をレッスンしました。
　
WordPressでヘッダーやフッター付近に任意の
スクリプトファイルを読み込むためには、
２通りの方法があります。
　
１つは、header.php や footer.php などの
テンプレートファイルの中に直接スクリプトの
ファイルを読み込む script タグを記述する方法。
　
HTMLでホームページを作ったことがある方には
馴染みやすい方法かと思います。
　
しかしこの方法には欠点があります。
全てのページに script タグが追加されることです。
　
地図を使う一部のページのために、
地図を使わない大多数のページに無駄なタグが追加されることになり、
当然ながら、それらのページでは地図がないのに地図を表示しようと
プログラムが動くので、表には見えなくとも
ブラウザはエラーを起こしてしまいます。
　
そこでWordPressならではの、もう１つの方法です。
　
アクションフックという仕組みを利用します。

この方法なら、スクリプトファイル１つ１つをフッターやヘッダーのどちらに出力するかや、
お互いに依存関係のあるファイルを正しい順番で読み込んだり、
ファイルのバージョンが変わったときに古いファイルをキャッシュしないようにしたり、
特定のページだけに読み込ませる、
といった柔軟な制御が可能になります。
　
今日のレッスンでは、２つ目の方法（良い方法）を
お教えさせていただきました。

↓↓↓「自分で作れる力」を身につけたいあなたへ↓↓↓