WordPressテーマ開発：jQueryの正しい読み込み方法 | WWWクリエイターズ
WordPressのテーマ開発者の、初期に起こりやすい疑問や迷いを解決するシリーズです。今日は、テーマ開発に必須の知識ともいえる「jQueryなどの読み込み方法と、正しい使い方」です。 WordPress での jQuery の読み込み方法 まずはじめに、header.phpの<HEAD>タグ内に、直接jQuery読み込み用の<script>タグを書き込んんではいけません。WordPressには、WordPressの作法があります。 wp_enqueue_script() 関数を使おう WordPressでは、独自のJavascriptファイルを読み込む際に利用する関数があります。「wp_enqueue_script()」です。もし読み込もうとしているJavascriptファイル（/js/main.js）において、jQueryを参照する必要がある場合、下記のように記述します。これにより、W
jQueryをWordPressで使う場合の読み込み方と使い方
WordPressでjQueryを使おうと思った時、動かなくて困る事がよくあります。 jQueryのプラグインなどを入れてみてサンプル通りのコードを貼り付けたのに動かない！なんでよ！って思うんですんが、jQueryの通常の書き方だと、大抵は動きません。 テーマによっては動いたりする時もあるのが、さらに混乱する原因にもなってます。 jQueryをWordPressで使いたいのに動かない場合、ちょっと書き方を変える必要があります。 WordPressは標準でjQueryを読み込んでるので読み込みは不要 WordPressに初めから入ってる初期のテーマ(Twenty Fifteen など)や公式テーマ、購入したテーマなど配布されてるテーマを使ってる場合、WordPress本体が持ってる標準のjQueryを読み込んでる事が多いです。 「Twenty Fifteen」を適用した場合のソース画面(jQ
なんとWordPressプラグインまである。多彩なエフェクトでレスポンシブなフリーのjQueryスライドショー『Camera』 / Maka-Veli .com
なんだか話題になってるみたいですね？『Camera』というスライドショー。 特徴としては レスポンシブ 多機能、ハイクオリティ 多彩なエフェクト スキンも多数用意 WordPressで管理できる という感じなのですが、WordPressプラグインは本当にびっくりしました。 ウィンドウリサイズするとちゃんとレスポンシブ WordPressプラグイン。管理画面もしっかり用意されている 管理画面上でエフェクト等が細かく設定可能 他にも多数機能あり フリーなんですが、サポート（寄付）してね、というスタンスなのでもしよければ寄付して使ってみてはいかがでしょうか Camera http://www.pixedelic.com/plugins/camera/ WordPressはこちらから http://wordpress.org/extend/plugins/camera-sli
WordPressで外部のjQueryを読み込むときに注意すべきひとつのポイント
いやー、ちょっとハマっちゃったので備忘録的に書き残しておこうと思います。 久々に管理画面を触っていたら、メディアアップローダーがちゃんと動かない! という状況に陥りまして、その原因がjQueryの読み込みに関係してたんですよねー。。 Photo:Designing a new feature, with jQuery! By Peter Hellberg WordPressを使う上のに切っても切れないのがjQuery。 各種プラグインがさまざまなjavascriptのフレームワークを使うため、そもそもWordPressに包括されるかたちで、jQueryは導入されることになります。 そのため、特にjQueryの公式サイトからダウンロードしてくる必要もありません。 ただ、ちょっと気になるのがそのロード時間。 内蔵されたjQueryを呼び出すこと自体が、ロード時間の増加につながっている可能性もあ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
