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

使用事例 私はChromeのDev Tools Workspace機能を実験してきました。これには、Dev Toolsでファイルを直接編集し、保存されたスタイルシートを自動的に更新する（またはコンパイルしてから更新する！）機能が含まれます。 ただし、StackOverflowの質問「Chromeの「自動生成されたCSSの自動再読み込み」でSASSがCSSを再コンパイルしてもページが再読み込みされない」に記載されているように、スタイルシートのURLのURLパラメータは、Chromeが変更に気付かないようにします。 望ましい結果 つまり、開発中のみ、による?ver=X.X.X通常のスタイルシート<link>出力からを削除したかったのwp_enqueue_style()です。言い換えれば、私はデフォルトが欲しかったのですhref： http://localhost/mysite/wp-includes/style.css?ver=4.1.1 代わりにこれになる： http://localhost/mysite/wp-includes/style.css

12 wp-enqueue-script  wp-enqueue-style  local-installation 

プロジェクトの1つで親テーマと子テーマを作成しました。以下のように、親テーマにCSSとJavaScriptをエンキューしました。 function project_necessary_scripts() { //Stylesheets wp_register_style( 'bootstrap-css', get_template_directory_uri() .'/css/bootstrap.min.css' ); wp_register_style( 'bootstrap-map', get_template_directory_uri() .'/css/bootstrap.css.map' ); wp_register_style( 'project-css', get_stylesheet_uri() ); wp_enqueue_style( 'bootstrap-css' ); wp_enqueue_style( 'bootstrap-map' ); wp_enqueue_style( 'project-css' ); //JavaScripts wp_register_script( 'modernizr-js', get_template_directory_uri() .'/js/modernizr-2.8.3.min.js', array(), '2.8.3' ); wp_register_script( 'project-js', get_template_directory_uri() .'/js/project.min.js', array('jquery'), '20150401', true ); wp_enqueue_script( 'modernizr-js' ); wp_enqueue_script( 'project-js' ); …

11 wp-enqueue-script  child-theme  scripts  wp-register-script 

ページのフッターに挿入したいJavaScriptスニペットがあります。これはトラッキングコードです。Googleアナリティクスに似ているとしましょう。依存関係はなく、スタンドアロンのスニペットです。 私はこのようなことができます function render_tracking_code(){ wp_enqueue_script( 'depends-js', 'https://rdiv.com/dummy.js', array(), '0.01', true ); wp_add_inline_script( 'depends-js', 'aWholeBunchOfJavascriptCode' ); } add_action( 'wp_enqueue_scripts', 'render_tracking_code' ); 少しばかげているようですが（dummy.jsは空のファイルです）、動作します。依存関係をスキップする方法はありますか？

11 javascript  wp-enqueue-script 

この質問ここでは、私は同じ質問をされていますが、充分な答えも私は私が応答を得るかもしれない、より一貫した方法で頼めば期待して再び求めていますので、選択した正解はありませんでした。 色を選択するためのWordpress Theme Customization APIペインに表示されるカラーピッカーホイールを実装しようとしています。フックを使用すると、スクリプトとスタイルのロードは正常に機能しますが、「admin_enqueue_scripts」は機能しますが、フックを使用してフロントエンドでこれらのスクリプトをロードしようとすると、「wp_enqueue_scripts」は機能しません。スタイルはエンキューされますが、スクリプトはエンキューされません。 Wordpressにすでにバンドルされているものと重複するファイルをプラグインにコピーすることを避けたいです。アイリスのカラーピッカーをフロントエンドで動作させる方法が必要です。 そして、なぜこれをしたいのかと思っている人のために、画面の横にフライアウトパネルを追加するプラグインを開発しています。これにより、wp-adminを介してログインしなくても、サイトにリアルタイムの一時的なスタイル変更を加えることができます。パネル。

10 hooks  wp-enqueue-script  theme-customizer  color-picker 

function load_my_script(){ wp_register_script( 'my_script', get_template_directory_uri() . '/js/myscript.js', 'jquery' ); wp_enqueue_script( 'my_script', 'jquery'); } add_action('wp_enqueue_scripts', 'load_my_script'); myscript.jsがjqueryの前に読み込まれているのはなぜですか？そして、どのようにしてjqueryの後にロードするのですか？ ありがとう。

10 jquery  wp-enqueue-script 

ワードプレスコーデックスは言う： （旧コーデックスページ） $ in_footer （ブール）（オプション）通常、スクリプトはセクションに配置されます。このパラメータがtrueの場合、スクリプトはの下部に配置されます。これには、テーマが適切な場所にwp_footer（）フックを持っている必要があります。スクリプトがフッターに配置される場合でも、wp_headが実行される前にスクリプトをエンキューする必要があることに注意してください。（WordPress 2.8の新機能）デフォルト：false だから私はtrue各スクリプトの後に追加しましたsrc path： /** * JavaScript */ function my_scripts_method() { wp_deregister_script( 'jquery' ); wp_register_script( 'jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js', true ); wp_enqueue_script( 'jquery' ); } add_action('wp_enqueue_scripts', 'my_scripts_method'); function media_queries_script() { wp_register_script( 'mediaqueries', get_template_directory_uri() . '/js/css3-mediaqueries.js', true ); wp_enqueue_script( 'mediaqueries' ); } add_action('wp_enqueue_scripts', 'media_queries_script'); function custom_script() { wp_register_script( 'custom', …

10 wp-enqueue-script 

まず、私の質問がWooCommerceプラグインでの私の作業のコンテキストで発生していることを認識しています。しかし、私の質問はに関連していると思うwp_enqueue_scriptので、うまくいけばまだ話題になっています。 したがって、WooCommerceはadmin_enqueue_scriptsフックにスクリプトを登録しています。このスクリプトには、多数の依存関係が必要です。 wp_register_script( 'wc-admin-meta-boxes', WC()->plugin_url() . '/assets/js/admin/meta-boxes' . $suffix . '.js', array( 'jquery', 'jquery-ui-datepicker', 'jquery-ui-sortable', 'accounting', 'round', 'ajax-chosen', 'chosen', 'plupload-all' ), WC_VERSION ); （コードの少し後で製品の投稿タイプのpost.phpおよびpost-new.phpページに具体的にエンキューされます） WooCommerceで動作するように作成しているカスタムプラグインで、同じフックにスクリプトをロードしています。 wp_enqueue_script( 'My_Plugin_Metabox', My_Plugin_Class()->plugin_url() . '/assets/js/mnm-write-panel.js', array( 'jquery', 'wc-admin-meta-boxes'), My_Plugin_Class()->version, true ); プラグインのスクリプトをキューに入れて$in_footerパラメーターをtrue不可解に設定すると、jQuery UI Datepickerスクリプトが読み込まれず（ソースコードにはまったく含まれません）、対応するスクリプトエラーがコンソールに表示されます。 ヘッダーにスクリプトを読み込んでも問題ありません。wc-admin-meta-boxes依存関係なしでスクリプトをロードすると、問題も解決します では、私が疑問に思っているのは、フッターにスクリプトを読み込むと、コアの日付ピッカースクリプトが読み込まれるのはなぜですか。（私はスクリプトでdatepickerをまったく使用していません。）または、Wooスクリプトを依存関係として持たないことがdatepickerスクリプトにも影響するのはなぜですか？Wooメタボックススクリプトの依存関係として、datepickerスクリプトをロードする必要があるように見えますが、これは発生していません。 カイザーのコメントに従って、私は次のMUプラグインを作成しました（$GLOBALS['wp_scripts']オブジェクトであるため、コメントから調整しました： /* Plugin Name: Dump jQUI Dp */ add_action( …

9 wp-enqueue-script 

私はウィジェットをコーディングしていて、通常の投稿またはページを編集するとき（小さなリンクアイコンをクリックしてポップアップにAJAX検索機能が表示されるとき）にできるように、ユーザーがリンクを選択できるようにしたい）。誰かがこれをどのように機能させるか知っていますか？アタッチしてクリックするHTMLボタンと、値を入力するフィールドがあります。 class-wp-editor.phpでいくつか興味深いものを見つけ、これらのファイルが必要かどうか疑問に思いました。 wp_enqueue_script('wp-fullscreen'); wp_enqueue_script('wplink'); fullscreen.link();上記のファイルと同様に、呼び出し時にこのエラーが発生します： Uncaught ReferenceError: wpActiveEditor is not defined ..そして、今のところ困惑しています。その変数を参照するJSは私には頭がおかしいからです。 正しい方向に向けてくれませんか？私はこれを動作させたいと思っています。それは私のウィジェットのためのキラーユーザーインターフェースを作るでしょう！ ------編集------- これまでのところ、私が以前に述べたスクリプトのインクルードを除いて、それほど多くのコードはありません。 <label for="<?php echo $this->get_field_name('link'); ?>">Link URL (including http://) : </label> <input type="text" id="<?php echo $this->get_field_id('link'); ?>" name="<?php echo $this->get_field_name('link'); ?>" value="<?php if(isset($link)) echo esc_attr($link); ?>" class="widefat" /> <button class="secondary" id="choose_link">Link Browser</button> ..リンクスクリプトを開くトリガーとなるJSの部分。 linkBrowserButton.on("click", function(e){ e.preventDefault(); …

9 widgets  links  wp-enqueue-script 

私はSSLの問題を扱っており、wp_enqueue_scriptsを介して出力されているすべてのスクリプトとスタイルからドメインを削除したいと思います。これにより、すべてのスクリプトとスタイルがドメインルートからの相対パスで表示されます。 私はこれを提出するために使用できるフックがあると想像しますが、私はそれをどのように行うか、またどのようにそれを行うかわかりません。

9 wp-enqueue-script  wp-head 

私はデフォルトのWordpressの起動プロセスに従って、最初functions.phpに呼び出され、その後すべてのテーマのものに行くことを知っています。しかし、私は現在、テーマを完全にリファクタリングして最適化しています。私のアイデアは、共通のプロパティ、正規化、色用の1つの基本cssファイルを用意することです。または、単一のCSSファイルを保持するために、この場合、functions.phpページを決定するためにスイッチケースをハードコーディングする必要があります。また、すべてのスタイルが定義された巨大なcssスタイルファイルをロードすることは意味がないため、各ページに固有の別のファイル。 だから私の質問は、特定のスクリプト/スタイルをロードするためにフックするのに最適な場所は何ですか？ それはheader-xxx.php別のファイルですか？多分このアイデアをよりスケーラブルでエレガントな方法で実装する方法はありますか？ どんな助けにも感謝します。

8 functions  themes  css  wp-enqueue-script  wp-enqueue-style 

を使用wp_enqueue_scriptしてJavaScriptファイルをテーマにロードしています。ただし、それに加えて、エンキューされたスクリプト（Gruntによって既に連結および縮小されている）の依存関係として、いくつかのjQueryファイルもロードしています。これが私のコードです： add_action('wp_enqueue_scripts', function() { wp_enqueue_script( 'customscripts', get_template_directory_uri() . '/assets/js/main.min.js', array('jquery', 'jquery-form', 'json2', 'jquery-ui-autocomplete'), NULL, true ); }); 依存関係配列の場合、これらのjQuery依存関係を連結および縮小するにはどうすればよいですか？私は自分のサイトをできるだけ速くロードしようとしています、そしてそれはロードする必要があるJSファイルが少ないほど良いです。また、（タグのasyncプロパティを使用して）それらを非同期でロードすることが可能であった場合、問題は解決します<script>。 プラグインを使わずにやりたいのですが、必要に応じてプラグインを使います。 助けてくれてありがとう:)

8 jquery  wp-enqueue-script  wp-dependencies 

この投稿によると、Wordpress用の組み込みJavaScript APIはありません。したがって、AJAXで構築したい開発者は、私には正しくないと思われる独自のソリューションをすべて思いついたようです。 組み込みAPIを使用して投稿やデータをフェッチすることとは別に、私が実際に見逃しているのは、バックエンドとフロントエンドのインターフェースを処理するJavaScript関数の小さなセットです。さて、この問題に関して何か計画はありますか？ たとえば、私はそれを知りたいです 左側のメインメニューは折りたたまれています ログインしているユーザー 彼はどのグループか ブラウザなどのクライアントデータ など。

8 ajax  javascript  wp-enqueue-script  api  wp-localize-script 

WP.SEコミュニティは常にの使用をお勧めしているwp_register_scriptとwp_enqueue_script（と同様に、テーマ/テンプレートにスクリプトを追加するwp_register_styleと、wp_enqueue_styleスタイルシートのため）。 これは、スクリプトを登録してエンキューする方法です... 最初に、私はfunctions.phpにこのようなものを追加します add_action('init','wpse54189_register_script'); function wpse54189_register_script(){ //Register scripts wp_enqueue_script( 'jquery' ); wp_register_script( 'aahan_bootstrap_transition', get_template_directory_uri().'/js/bootstrap-transition.js'); wp_register_script( 'aahan_bootstrap_carousel', get_template_directory_uri().'/js/bootstrap-carousel.js', array('aahan_bootstrap_transition')); wp_register_script( 'wpse54189_ajax_comment', get_template_directory_uri().'/js/no-reload-comments.js'); } 次に、次のようにテンプレートファイル（たとえば、header.php）で呼び出します。 <?php wp_enqueue_script( 'aahan_bootstrap_carousel' ); ?> <?php wp_enqueue_script( 'wpse54189_ajax_comment' ); ?> さて、要点を説明しますが、特定のブラウザによって認識される「条件付きJavaScriptファイル」を登録してエンキューするにはどうすればよいですか？例えば： <!--[if lt IE 9]> <script src="<?php echo get_template_directory_uri(); ?>/js/html5.js" type="text/javascript"></script> <![endif]--> これを適切に登録してエンキューするにはどうすればよいですか？ PS：私はAutomatticのテーマラングラーによって開発されたReddleテーマを使用しています。そして、テーマのheader.phpは、前述のコードを直接使用します-つまり、エンキューされません。だから、それはそれを行う唯一の方法だということですか？

8 javascript  wp-enqueue-script  wp-register-script 

小規模な自己管理サイトでwp_enqueue_scriptを使用することには実際にメリットがありますか？たとえば、Modernizr、なぜそれをドキュメントヘッド内で直接呼び出すのではなく、関数を介してエンキューするのですか？ ディレクトリを移動したり、複数の人がファイルを悪用したり、多数の不明なものを含む公開されているテーマを使用したりする可能性がある大規模サイトでの利点を確認できますが、個人ブログのような小規模サイトでの利点は何ですか-またはまれに-変更して、単一のユーザーがいますか？その場合は、余分なコード行のように見えます。

8 javascript  wp-enqueue-script  scripts 

jqueryプラグインを使用するウィジェットを作成し、is_active_widgetを使用してスクリプトをエンキューしました。スクリプトは正常に機能しますが、このウィジェットを表示しないページでもスクリプトが含まれます。このウィジェットが表示されている場合にのみスクリプトをエンキューする方法はありますか？ 前もって感謝します。

8 theme-development  widgets  wp-enqueue-script