wp_print_scriptsSMARTのJavaScript講座が書籍になりました。購入メインループとサブループwp_insert_post_dataを使って予約投稿機能を無効にする目次JSやCSSを一元管理するwp_enqueue_script関数WordPress付属のjQueryを差し替えるCSSを読み込むwp_enqueue_style関数JSとCSSをまとめて読み込み指定するJSやCSSを一元管理するCSSやJavaScriptの読み込みはheader.phpに書くこともできますが、functions.phpでwp_enqueue_style()、wp_enqueue_script()をアクションフックに登録して読み込むことが推奨されています。wp_enqueue_style()やwp_enqueue_script()を利用する利点として、CSSやJavaScriptの重複読み込みを回避できたり、functions.php内で一元管理できることなどが挙げられます。wp_enqueue_script関数wp_enqueue_script()は、スクリプトファイルの重複を回避し、適切な順番で読み込むように制御する関数です。wp_enqueue_scriptsはフロントエンドのみに処理を適用するため、管理画面などには影響を与えません。wp_enqueue_script()には下記の引数を指定してください。スクリプトを区別するハンドル名を指定します。スクリプトのURLを指定します。依存スクリプトのハンドル名を配列で指定します。この引数で読み込み順を制御できます。任意のバージョンを指定します。バージョン情報はスクリプトのURLにパラメータとして追加されるので、ブラウザキャッシュ対策に使えます。スクリプトの読み込み位置を指定します。trueで閉じBODYタグ前、falseで閉じHEAD前に出力されます。デフォルトはfalseです。サイト共通で読み込みたいJSファイルをアクションフックに登録しています。src='http://new.rfs.jp/wp-content/themes/smart/js/main.js?ver=20160608'></script>WordPress付属のjQueryを差し替えるWordPressでは、jQueryはデフォルトで読み込まれます。その際のハンドル名はjqueryです。指定がされていて、普段とは違った特別な記法が必要になります。小規模なサイトで開発者も自分だけといったときはそれほどコンフリクトを気にする必要はないので、WordPressがデフォルトで読み込むjQueryをキャンセルし、別途jQueryを読み込んでも良いでしょう。使って読み込み指定します。);CSSを読み込むCSSの場合はwp_enqueue_script()の代わりにwp_enqueue_style()を使います。アクションフックはスクリプトと同じwp_enqueue_scriptsです。wp_enqueue_style関数wp_enqueue_style()は、スタイルシートファイルの重複を回避し、適切な順番で読み込むように制御します。スタイルシートを区別するハンドル名を指定します。スタイルシートのURLを指定します。依存スタイルシートのハンドル名を配列で指定します。この引数で読み込み順を制御できます。任意のバージョンを指定します。バージョン情報はスクリプトのURLにパラメータとして追加されるので、ブラウザキャッシュ対策に使えます。スタイルシートのメディアを指定します。);JSとCSSをまとめて読み込み指定するwp_enqueue_script()とwp_enqueue_style()はまとめてアクションフックに登録できまます。使って条件により出し分けてください。コメントをキャンセルメールアドレスが公開されることはありません。USリズムファクトリーはホームページの制作会社です。ホームページ制作に関するご要望・ご相談はこちらからどうぞ。