WordPressでは、通常のHTMLページと同じようにJavascriptを使用する事ができます。
しかし、jQueryを使う場合には特別な注意が必要で、気を付けないと正常に動作しません。
ここでは、WordPressでjQueryを使うための3つのポイントを紹介します。
WordPressでjQueryを使うための3つのポイント
公開日 :
Javascriptファイルをロードする
公開日 :
WordPressでJavascriptのスクリプトファイルをロードする場合には、WordPressの関数を使用します。
通常のHTMLのように<script>タグを書き込んでも、きちんと動作してくれる場合もありますが、WordPressの仕様やプラグインとの関連で不具合を起こす原因になりますので、スクリプトファイルをロードする関数wp_enqueue_scriptを必ず使用しましょう。
スタイルシートを読み込む
公開日 :
通常のHTMLページでは、スタイルシートを読み込むために<link>タグを用います。
|
1 |
<link rel="stylesheet" id="style-css" href="http://my-domain.com/style.css" type="text/css" media="all" /> |
WordPressでは、この<link>タグを自動生成してくれるwp_enqueue_style関数が用意されています。
テーマファイルでは<link>タグは直接書かずに、このwp_enqueue_style関数を使用します。
ビジュアルエディタにcodeタグボタンを追加するプラグイン
公開日 :
投稿内で<code>タグを使用したい場合、テキストエディタにはcodeボタンがあるので、簡単に<code>タグを挿入できます。
しかし、ビジュアルエディタにはcodeボタンが無いので、codeタグを挿入するにはいちいちテキストエディタに切り替えなければならず、かなり面倒です。
そこでcodeボタンをビジュアルエディタに追加するプラグインTinyMCE Code Elementを使用すると便利です。
テーマのバージョンを取得
公開日 :
現在使用中のテーマのバージョンを取得するには、functions.php内に以下の関数を定義しておくと便利です。
|
1 2 3 4 |
function wp_theme_version() { $theme = wp_get_theme(); return $theme->get('Version'); } |