TOP > Colta日記 > 日記1200203

「Colta」スタッフ日記

[Wordpress3.3] 後から追加したjsファイルをテンプレートで読み込む 12.2.3

みなさまこんにちわ!Colta編集部 平野です♪

金曜日ですね!
週末の予定を考えると、なんだか落ち着きがなくなるのは私だけでしょうか(^^;)

さてさて今週最後のネタは、またまたwordpress。
今日のお題は、「後から追加したjsファイルを読み込ませる方法」です。

単純に< head>< /head>内に読み込ませれば?と安易に考えてしまったのですが、
※もちろんこれ↑でもできます。
読み込み専用のテンプレートタグが用意されていました。

wp_enqueue_script( $handle, $src = false, $deps = array(), $ver = false );

$handle : ファイルの識別名
$src: スクリプトファイルのパス
$deps: 依存するファイル
$ver: スクリプトのバージョン

依存するファイルの指定ができるため、ファイルの読み込む順番なども自動的に調整してくれる優れものです。

■具体的な使い方
function.phpへ「wp_enqueue_script」を記載します。
今回は例としてjqueryと自作jsファイルを読み込む場合とします。
wp_enqueue_script( 'jquery' );
wp_enqueue_script( 'sample', '/wp-content/themes/test/js/sample.js', array( 'jquery' ), '1.0');

次にテンプレートフォルダ内のindex.phpの< head>< /head>内に< php wp_head(); ?>を記述。 ※wp_head();がフックになってwp_enqueue_scriptが実行されます。

ブラウザで展開されたソースを見ると↓のようになっています。
< script type='text/javascript' src='http://xxx.jp/wp-includes/js/jquery/jquery.js?ver=1.2.3'></script>
< script type='text/javascript' src='http://xxx.jp/wp-content/theme/test/js/sample.js?ver=1.0'></script>

これでOK!javascriptファイルが読み込まれているでしょう^^

今気づきましたが今日は節分でしたね♪
ということは明日は「立春」。
春よ早く来い!!

みなさまよい週末を!

(hirano)

<< 前の日記へ
前のページに戻る このページのトップへ
  • メルマガノウハウインタビュー
おすすめ記事

[インタビュー] 四季株式会社様 メールアドレス会員数は、他の施策と組み合わせることで、増やすことができる。

[インタビュー] トライコーン株式会社 ソーシャル一括投稿システム「コトシロ」より多くのメディアに情報を発信することで、情報の露出効果が上がります。

[インタビュー] 株式会社監査と分析様 メルマガの企画・編集は、PDCAサイクルを回すこと!

[インタビュー] 株式会社亀屋万年堂様 クーポンの利用率は9%まで上がる!

[インタビュー] 株式会社極楽湯様 クーポンの内容によってメールのクリック率は大きく違う!

[メルマガ担当者] メール配信結果の指標

[メルマガ担当者] PDCAを回せない10の理由と対策


人気コンテンツランキング

メールの署名(シグネチャ)

Coltaオリジナル署名集。

Thunderbird(サンダーバード)の便利なプラグイン・アドオン

サンダーバードの便利なアドオンを厳選して紹介。

ビジネスメールのテンプレート

ビジネスで使いたいメールのサンプルをご紹介します。
最近のColta日記

3/14 [HTMLメール]「コルミのFacebookページ運用メモ 第1回」

2/28 [HTMLメール]「HTMLメール、フォント(書体)の指定はできるコル?」

11/01 [HTMLメール]「文章(テキスト)の流し込みも要チェックこる。」

10/17 [HTMLメール]「<table>にはいろいろリセットが必要なんですっ。」

10/04[HTMLメール]「<img>にはborder="0"を。」

9/05 [HTMLメール]「background-color/imageを検証してみよう!」

8/30 [HTMLメール]「HTMLメールにCSSのheightは使えない?!」

Colta日記一覧はこちら>>

メール配信ASPのトライコーン株式会社 メール配信代行サービス「アイモス」 LMA マーケティングオートメーションはカンタンに! LOOPASS(ルーパス)が広げるビジネスの可能性 代理店様向け キャンペーン運営サービス「IMOSSS(アイモス)」 メールを依頼したい!”PDCA”を回したい方へ PDCAつき文章作成サービス「アイモス」 無料試用版もあります。Salesforceメールアプリ導入実績No.1 営業効率を最大限化させるPardot運用支援 インターネットサービスに関わる担当者のための情報を紹介するブログ「Web Persons」 メールマーケティング辞典 WEBマーケティング用顧客管理システム「クライゼル/KREISEL」
ソーシャルブックマーク