WordPress で CSS、JavaScript ファイルを読み込む正しい方法
July 10, 2014May 5, 2016WordPress で CSS、JavaScript ファイルを読み込む正しい方法Categories WordPress 誤った方法で行っている方を多く見かけますので説明します。 読み込むエリアにあわせて適切なフックを使用する wp_enqueue_scripts – サイト公開側に読み込む場合に使用するフックです。 login_enqueue_scripts – ログイン画面に読み込む場合に使用するフックです。 admin_enqueue_scripts – 管理画面に読み込む場合に使用するフックです。 上記フックは xxx_scripts という名前ですが、スクリプトだけでなくスタイルシートの読み込みにも使用されます。誤解を招き易い点なので注意してください。また、wp_print_scripts フック、wp_print_styles
WordPress で jQuery を使う時の注意点
慣れていない方には解りにくいところがあるようですので、いまさらですが要点をまとめます。 特別な理由がない限り WordPress に含まれている jQuery を使う WordPress には外部スクリプトを読み込むための独自の仕組みがあります。また、WordPress インストールには初期状態で jQuery が含まれており jquery というスクリプトハンドルですぐに呼び出せる状態となっています。コンフリクトや依存関係の問題を引き起こさないように考えられていますので、特別な理由がない限りこれらを利用します。 コード例 テーマの functions.php に以下のように記述するとサイトの公開側に jQuery が読み込まれるようになります。 function my_scripts() { wp_enqueue_script( 'jquery' ); } add_action( 'wp
How to Include JavaScript and CSS in Your WordPress Themes and Plugins | Envato Tuts+
Knowing the proper way to include JavaScript and CSS files in your WordPress themes and plugins is very important for designers and developers. If you don't adhere to best practices, you run the risk of conflicting with other themes and plugins, and potentially creating problems that could have been easily avoided. This article is intended as a reference for playing nicely with others. Before we g
wp_enqueue_script のススメ - dogmap.jp
WordPress で、外部 JavaScript を読み込むプラグインを作成する際、"wp-head" をフックして <head> 内に書き込むことは良くあると思う。 ただ、これだと jQuery やら prototype.js やらのライブラリが必要なプラグインを複数アクティブにした場合、同じライブラリを複数読み込んでしまうことになる。 しかも、それぞれのプラグインが読み込んでいるライブラリのバージョンが違うと目も当てられない。 で、そんな混乱を避けるために WordPress 2.1 から導入されたのが wp_enqueue_script() 関数などの一連の関数群と "wp_print_scripts" と言うアクションフック。 これらを使えば、JavaScript ライブラリのロードは簡単になる。 以下、使用方法を簡単に。 wp_enqueue_script( $handle,
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
