WordPressTips【WordPress】複数のjQueryプラグインを1ファイルに収める新たにjQueryプラグインを追加する際、本体の.jsファイルは外部に設置して、head内に記述したコードで呼び出すよう指示されることが多いですよね。導入するからには多少は知識あるんでしょって配布元は思うでしょう。新しくプラグイン入れるたびにバージョンの違うjQueryライブラリを一緒にアップロードしたりしなくていいんだよとわざわざ教える義理はありません。2~3年前の僕じゃないですか!でも当時はこれが普通だと思ってたんですよね。「script.js」にjQueryのソースを全部放り込むちょっと気にして他人様のサイトのHTMLを拝見してたら、妙にスッキリしてるんですよね。これは明らかに何かやってるなと。どこに隠しやがった!出せコラ!よくよく調べてみると、複数にわたるjQueryのソースコードを、たとえば「script.js」と名付けたファイルに全部放り込んでるんですね。なんとかかんとか.jsって名の付くファイルの中身を全部移して、その1ファイルだけをheadから呼び出せばいいっていう(もちろんjQueryコアファイルは除く)。・htmlのソースコードが見やすくなる!・ページの読み込みが速くなる、かもしれない!・そしてこれが一番大事、各スクリプトの稼動状態を把握できる!というわけで、下のソースがscript.jsの記述例です。外部.jsファイル(ここではjquery.autopager-1.0.0.js)の中身をそのまんまコピペしたその続きに、head内に記述していた呼び出し用のコードをscriptタグを削除したうえでコピペします。長いので畳んでますがご覧ください。そのパスを改めてhead内に記述します。src="http://wild-cards.net/wc/wp-content/themes/wildcards/js/script.js"></script></head>はい、これで完了です。あ、あれ?真っ白?動かない?わかります、それこそが僕が乗り越えてきた道です。script.jsをまっさらに戻して、1つずつ動作を確かめながら追加していきましょう。何をしたら動かなくなったか分かります。したエディタを使ってUTF-8N形式で保存したものをUPしませう。これらを全部試してもダメだったら僕ではもうハンズアップです。ちびと.netこのあたりになるとちょっとハードル高いですが、脱初心者を目指す方には最適かと。とことんやってみたいツワモノはCodexやフォーラムに凸撃していっちょう揉まれてみるのもいいでしょー。コメントをキャンセルメールアドレスが公開されることはありません。followers)Facebook。