WordPress(ワードプレス)でWebProg 質疑応答スレ 01

88 ：nobodyさん：2013/05/09(木) 13:52:29.71 ID:???.net

そもそもjQueryのpreprendTo()の使い方がおかしい気がするんだが……まあいいか
選択肢としてはこの３つくらいで下に行くほど面倒
　１．JSファイルにURLを直書きする
　２．DOMの要素の属性（例えばタイトルのa要素のhref属性など）からURLを取得
　３．JSファイル（ないし<script>タグ）をPHPで動的に生成してhome_url()の値を変数に突っ込む
如何にルートURLの値をJS（の変数）に受け渡すかという違いだけ

１は単純に変数にサイトルートのURLを直書きで突っ込んでおく方法
----jsファイル---------------
var home_url = 'http://example.com/blog';
　……
$('<img src="' + home_url + '/wp-content/img/photo.png">').prependTo(this);
------------------------------

ハードコーディングが嫌でWPに設定されたサイトルートのURLを自動取得して使いたい場合は２か３
２はハードコーディングしても大して変わらん気がするけど一応例を上げれば
--jsファイル------------------------
var home_url = $('#title').attr('href'); //注：DOM読込完了後に実行すること
　……
$('<img src ="' + home_url + '/wp-content/img/photo.png">').prependTo(this);
--テーマのheader.phpなど--------
<a id ="title" href ="<?php echo home_url(); ?>">サイトタイトル</a>
-------------------------------------

３はテーマファイルの構成がややこしくなるのであまりおすすめしない

本質的にWordpressとはあまり関係がないな
どうでもいいがxxxxx.comなるドメインは実在するから例示するときはexample.com使え、な？