タグ付けされた質問 「wp-enqueue-script」

スクリプトがまだ含まれておらず、すべての依存関係が登録されている場合、スクリプトの依存関係に従って、スクリプトファイルを生成されたページに適切なタイミングでリンクします。wp_register_script（）関数を使用して以前に登録されたハンドルにスクリプトをリンクするか、スクリプトのリンクに必要なすべてのパラメーターをこの関数に提供することができます。これは、JavaScriptをWordPressで生成されたページにリンクするための推奨される方法です。

3
wp_enqueue_script（）対wp_enqueue_script（）でwp_register_script（）を使用する場合
あなたがいつ使う必要があるか理解できませんwp_register_script()。現在、私は次のようなものを使用しています： add_action( 'admin_enqueue_scripts', array( $this, 'enqueue' ) ); function enqueue() { $handle = 'some-handle'; $js = 'http://example.com/my.js'; wp_register_script( $handle, $js ); wp_enqueue_script( $handle ); } 私は多くの読書をしました（コーデックス、ブログなど）が、最初に登録する必要があるか、いつエンキューするだけなのかを理解できません。例として、TwentyTwelveはスタイルやスクリプトを登録せず、それらをキューに登録するだけであることに気付きました。
8
ショートコードが存在する場合のエンキュースクリプト/スタイル
プラグインで使用するためのスクリプトおよび/またはスタイルを登録/エンキューするアイデアの方法は何ですか？ 最近、ユーザーのアバター/グラバターにショートコードを追加するためのシンプルなプラグインを作成しました。アバターを表示するためのさまざまなスタイルオプション（正方形、円形など）があり、CSSをショートコード自体に直接配置することにしました。 ただし、ページでショートコードが使用されるたびにcssが繰り返されるため、これは良いアプローチではないことがわかりました。私はこのサイトで他のいくつかのアプローチを見てきましたが、wp codexには独自の2つの例さえあります。 私が現在知っている方法は次のとおりです。 方法1：ショートコードに直接含める- これはプラグインで現在行っていることですが、コードを繰り返しているので良くないようです。 class My_Shortcode { function handle_shortcode( $atts, $content="" ) { /* simply enqueue or print the scripts/styles in the shortcode itself */ ?> <style type="text/css"> </style> <?php return "$content"; } } add_shortcode( 'myshortcode', array( 'My_Shortcode', 'handle_shortcode' ) ); 方法2：スクリプトまたはスタイルを条件付きでキューに入れるためにクラスを使用する class My_Shortcode { static $add_script; …
9
特定の/ wp-adminページでスタイル/スクリプトをエンキューするにはどうすればよいですか？
とを使用wp_enqueue_style()してwp_enqueue_script()、次のようなものをロードする2つの単純な関数があります。 function admin_custom_css() { wp_enqueue_style( 'stylesheet_name', 'stylesheet.css') }; function admin_custom_js { wp_enqueue_script( 'javascript_file', 'script.js') }; ...として作成された少数の管理ページ、add_menu_page()およびadd_submenu_page() function my_menu() { add_menu_page('Page 1', 'bar', 'something', 'else', 'foo'); add_submenu_page( 'theme_menu', 'Subpage 1', 'Subpage', 'something', 'else', 'foo'); } add_action('admin_menu', 'my_menu'); これらのページにのみ2つの関数を読み込むにはどうすればよいですか？ 今私は使用しています： add_action('admin_init', 'admin_custom_css' ); add_action('admin_init', 'admin_custom_js' ); しかし、それはすべての管理ページに私のファイルをロードします。 1つの簡単な行でこれを行うこともfunctions.php、ページ内で個別にキューに入れる必要がありますか（多くのadmin-page-creating-functionsを編集する必要があるため、最初のオプションを強く好みます）。 ありがとう！
4
WordPress 4.4でwp-embed.min.jsは何をしますか？
質問 wp-embed.min.jsファイルは何をしますか？ブログのページフッターの最後に追加されていることに気付きました。 どうすればそれを取り除くことができますか？ 努力 いくつかのグーグル検索の後、CodexにEmbedsを見つけました。WordPressがデフォルトで自分のページに動画などを追加したいと思うのはなぜですか？ 環境 WordPress 4.4
1
スクリプトとスタイルを登録/エンキューする適切な場所はどこですか
現在、WordPress 3.1.4を使用しています。私はどこ（どのフック）を使うのか混乱しています： 登録および/またはエンキューする スクリプトとスタイル フロントエンドとバックエンドで？ 質問： 使用する正しいフックはどれですか？ すべてのフロントエンドの登録/エンキュースクリプト/スタイルはinit？ なぜないのadmin_print_styles-{xxx}ですか？
8
ショートコードのJavaScript / CSSの条件付きロード
ショートコードを作成するプラグインをリリースし、そのショートコードを含むページに読み込むにはJavaScriptファイルとCSSファイルが必要です。スクリプト/スタイルをすべてのページにロードすることもできますが、それはベストプラクティスではありません。ショートコードを呼び出すページにファイルをロードするだけです。これを行うには2つの方法がありますが、どちらにも問題があります。 方法1は、ショートコードハンドラー関数内でフラグをtrueに設定し、wp_footerコールバック内でその値を確認します。trueの場合wp_print_scripts()、JavaScriptのロードに使用されます。これに伴う問題は、CSSが内部で宣言されなければならないので、それだけで、JavaScriptとCSSでないために働くということである<head>あなただけのような初期のフックの間に行うことができます、initまたはwp_head。 方法2は早期に起動し、「先読み」して、現在のページコンテンツにショートコードが存在するかどうかを確認します。このメソッドは最初のメソッドよりもはるかに優れていますが、テンプレートがを呼び出すかどうかの問題は検出されませんdo_shortcode()。 したがって、私は2番目の方法を使用して、テンプレートが割り当てられているかどうかを検出し、割り当てられている場合はそれを解析してショートコードを取得しようとしています。しかし、その前に、誰かがより良い方法を知っているかどうかを確認したかったのです。 更新：ソリューションをプラグインに統合しました。誰かがそれがライブ環境で肉付けされているのを見たいと思うなら、それをダウンロードするか、それをブラウズすることができます。 更新2： WordPress 3.3では、ショートコードコールバック内で直接呼び出すwp_enqueue_script()ことが可能になり、ドキュメントのフッター内でJavaScriptファイルが呼び出されます。CSSファイルでも技術的には可能ですが、<head>タグの外部にCSSを出力するとW3Cの仕様に違反し、FOUCが発生し、ブラウザにページの再レンダリングを強制する可能性があるため、悪い習慣と見なされます。
6
依存関係によるwp enqueue inlineスクリプト
インラインスクリプトにwp_enqueue_script（）を使用する方法はありますか？ インラインスクリプトが別のスクリプトに依存しているため、これを実行しています。ロード後に挿入する柔軟性が必要です。 また、php変数をjavascript（テーマパスなど）に渡すため、インラインスクリプトです。 前もって感謝します。
4
子テーマのJavaScriptファイルをオーバーライドする方法は？
親テーマにいくつかのJavaScriptファイルをロードしています。親テーマのパスは次のとおりです。 scripts > custom.js 子テーマでは、同じパス（scripts > custom.js）を作成し、custom.jsファイル内のjQueryの一部を変更しています。 問題は、変更が適用されていないことです。これは、子テーマでこれらのファイルを変更する間違った方法ですか？
2
親テーマのCSSファイルをデキューするにはどうすればよいですか？
親テーマ（Starkers）は、削除しようとしているCSSファイルを追加します（代わりに@importを使用して、スタイルをより簡単にオーバーライドできるようにします）。Starkersのfunctions.phpには次のものがあります。 add_action( 'wp_enqueue_scripts', 'script_enqueuer' ); function script_enqueuer() { wp_register_script( 'site', get_template_directory_uri().'/js/site.js', array( 'jquery' ) ); wp_enqueue_script( 'site' ); wp_register_style( 'screen', get_template_directory_uri().'/style.css', '', '', 'screen' ); wp_enqueue_style( 'screen' ); } 子のfunctions.phpで次のことを試しましたが、リンクとスクリプトタグはまだヘッドセクションに表示されます。 add_action('init', 'removeScripts'); function removeScripts() { wp_dequeue_style('screen'); wp_deregister_script('site'); } 親ヘッダーにハードコードされているかどうかを確認するために、二重チェックを行いました。
2
スクリプト/スタイルがキューに登録/登録されたかどうかを確認します
それは、スクリプトやスタイルを使用して登録されたかどうかをテストすることは可能ですwp_register_script/_styleかwp_enqueue_script/_style？すべての関数が値を返すわけではなく、私は完全に無知です。 スタイルシートライブラリと提供するスクリプトに応じて、異なる機能を切り替えるために必要です。 ありがとうございました！
1
プラグインjavascriptにdefer =“ defer”タグを追加する方法は？
プラグインjavascriptにdeferタグを追加できませんでした。Google開発者のページ速度テストでは、連絡フォーム7の javascriptにdeferタグを追加することを勧めています。 これが、問い合わせフォーム7のヘッダーにjavascriptが含まれている方法です。 add_action( 'wp_enqueue_scripts', 'wpcf7_enqueue_scripts' ); function wpcf7_enqueue_scripts() { // jquery.form.js originally bundled with WordPress is out of date and deprecated // so we need to deregister it and re-register the latest one wp_deregister_script( 'jquery-form' ); wp_register_script( 'jquery-form', wpcf7_plugin_url( 'jquery.form.js' ), array( 'jquery' ), '2.52', true ); $in_footer = …
4
wp_localize_scriptを使用して、特定のスクリプトハンドルなしでグローバルJS変数を作成することは可能ですか？
wp_enqueue_scriptを使用してjsスクリプトが適切にキューに登録されていない場合でも、何らかの方法でwp_localize_script（）を使用して、すべてのjsファイルからアクセスできる特定のスクリプトハンドルなしでグローバルjs変数を作成できますか？ これは私が使用しているコードで、「ajaxscript」ハンドルのバリベールを作成するため、header.phpに直接含まれているjsファイルのオブジェクト「ajaxobject」にアクセスできません <script src="xxx" .... /> wp_register_script( 'ajaxscript', get_bloginfo( 'template_url' ) . '/js/ajaxscript.js', array(), $version ); wp_enqueue_script( 'ajaxscript' ); wp_localize_script( 'ajaxscript', 'ajaxobject', array( 'ajaxurl' => admin_url( 'admin-ajax.php' ), 'ajaxnonce' => wp_create_nonce( 'itr_ajax_nonce' ) ) );
4
WPスクリプト/スタイルローダーを使用して、フロントエンドでスクリプトとスタイルを連結およびgzipできますか？
WPには、wp-adminに含まれる素敵なjavascriptローダーがあります：http : //core.trac.wordpress.org/browser/tags/3.0.4/wp-admin/load-scripts.php CSSローダー：http : //core.trac.wordpress.org/browser/tags/3.0.4/wp-admin/load-styles.php それらはすべてのキューに入れられたスクリプトを連結し、単一のgzip圧縮されたファイルとして提供できるため、管理者だけでなくフロントエンドでも使用できるかどうか疑問に思いました
5
jQueryを必要とするフッターにJavaScriptスニペットを追加する方法
このコードを使用してjqueryを必要とするワードプレスのフッターにスクリプトファイルを追加できることを知っています。 <?php function my_scripts_method() { // register your script location, dependencies and version wp_register_script('custom_script', get_template_directory_uri() . '/js/custom_script.js', array('jquery'), '1.0', true); // enqueue the script wp_enqueue_script('custom_script'); } add_action('wp_enqueue_scripts', 'my_scripts_method'); ?> しかし、ファイルではなく、jqueryインラインの通常のスニペットだけを追加したい場合はどうでしょう。どのようにこれを行うことができます。 編集 このスクリプトを使用してフッターに何かを追加できることは知っています。 <?php function myscript() { ?> <script type="text/javascript"> // This depends on jquery </script> <?php } add_action('wp_footer', 'myscript'); しかし、使用するスクリプトをどのように指定するには、jqueryを実行する必要があります。
2
ajaxurlがフロントエンドで定義されていません
前面にajaxformを作成しようとしています。私はコードを使用しています jQuery.ajax( { type: "post", dataType: "json", url: ajaxurl, data: formData, success: function(msg){ console.log(msg); } }); 私はエラーが発生しています Uncaught ReferenceError: ajaxurl is not definedworklorAjaxBookForm @ ?page_id=2:291onclick @ ?page_id=2:202 管理バックエンドで同様のコードを使用すると動作します。ajaxリクエストを処理するにはどのURLを使用する必要がありますか？
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.