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

私はワードプレスのテーマにjquery uiエフェクト（より具体的にはシェイクエフェクト）を含めようとしています。これまでのところ、jQueryスクリプトを含めることしかできませんでしたが、uiスクリプトを配置する場所とそれらをキューに入れる方法については、まったく手がかりがありません。 これは私が持っているコードです。それは明らかに機能しません： <?php wp_enqueue_script("jquery"); ?> <?php wp_enqueue_script("jquery-ui-core"); ?> <?php wp_head(); ?> <link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_url'); ?>" /> <script type="text/javascript"> var $j = jQuery.noConflict(); $j(document).ready(function() { $j("#manita-imagen").mouseover(function(){ //$j(this).animate({ opacity: "hide" }) // alert('asd'); $j(this).effect("shake", { times:3 }, 300); }); }); </script> ご協力いただきありがとうございます！

25 jquery  wp-enqueue-script 

テーマを作成中です。ページテンプレートを使用してランディングページを追加したいと思います。特定のページテンプレートのスタイルまたはjsをキューに登録する方法を示す場所が見つかりません。助言がありますか。例 ランディングページ1-Landing-page-template-one.phpには、ブログやホームページとはまったく異なるスタイルとjsが必要です。

24 wp-enqueue-script  conditional-content  wp-enqueue-style 

「レシピ」と呼ばれる自分が作成したカスタム投稿タイプを誰かが追加または編集している場合にのみ、JSスクリプトをキューに登録しようとしています。現在、これを行うとスクリプトは正常に動作します： if (is_admin()){ wp_enqueue_script( 'my-script' ); } しかし、これはすべての管理ページにロードされます。関数にフックする必要があると仮定していますが、それがどうなるかはわかりません。 前もって感謝します！

23 custom-post-types  javascript  hooks  wp-enqueue-script  actions 

私は自分でこれを持っているfunctions.phpファイルと私はフッターに負荷へのjQueryを取得することはできません。includesフッターの罰金にファイルをロード、しかし。他に何をする必要がありますか？ function starter_scripts() { wp_enqueue_style( 'starter-style', get_stylesheet_uri() ); wp_enqueue_script( 'jquery', '', '', '', true ); wp_enqueue_script( 'includes', get_template_directory_uri() . '/js/min/includes.min.js', '', '', true ); } add_action( 'wp_enqueue_scripts', 'starter_scripts' );

22 jquery  wp-enqueue-script 

DropboxのChooser APIのドロップを作成中のプラグインに統合しようとしたときに、これに遭遇しました。 APIドキュメントscriptでは、ファイルの先頭に次のタグを配置するよう指示されています。 <script type="text/javascript" src="https://www.dropbox.com/static/api/1/dropins.js" id="dropboxjs" data-app-key="MY_APP_KEY"></script> すべてうまくいき、管理セクションで呼び出されるページに直接貼り付けると実際に機能します。しかし、wp_register_script（）、wp_enqueue_script（）、wp_localize_script（）のバリエーションを使用して、必要なidとdata-app-keyを渡したいと思います。 私はこれのいくつかの異なるバリエーションを試しました： add_action('admin_enqueue_scripts', 'add_dropbox_stuff'); function add_dropbox_js() { wp_register_script('dropbox.js','https://www.dropbox.com/static/api/1/dropins.js'); wp_enqueue_script('dropbox.js'); wp_localize_script('dropbox.js','dropboxdata',array('id'=>"dropboxjs",'data-app-key'=>"MY_APP_KEY")); } そして： add_action('admin_enqueue_scripts', 'add_dropbox_stuff'); function add_dropbox_stuff() { wp_register_script('dropbox.js','https://www.dropbox.com/static/api/1/dropins.js'); wp_enqueue_script('dropbox.js'); wp_localize_script('dropbox.js','dropboxdata',array(array('id'=>"dropboxjs"),array('data-app-key'=>"MY_APP_KEY"))); } MY_APP_KEYは、コード内の適切なアプリケーションキーに置き換えられます。任意の方向に感謝します。ありがとう。 編集：また、いくつかのjqueryでそれをやろうとしましたが、役に立ちませんでした。ドキュメントのロード時およびドキュメントの準備時に試してみました。{"エラー"： "無効なapp_key"}が返されます。 $('script[src="https://www.dropbox.com/static/api/1/dropins.js?ver=3.6"]').attr('id','dropboxjs').attr('data-multiselect','true').attr('data-app-key','MY_APP_KEY');

20 plugins  wp-enqueue-script 

wordpressのデフォルトのパスワード強度メーターをキューに入れましたが、使用方法がわかりません。現在、コーデックスページにはそのドキュメントへのリンクはありません。デモページまたはドキュメントへのリンクはありますか？ 解決済み HTMLは非常に単純です。2つのパスワードボックスがあります。パスワードの結果を表示する1つのdivと、ユーザー名を取得するための隠しフィールド。もちろん、jQueryコードの前にエンキューがjqueryありwp_enqueue_script('password-strength-meter');ます。動作させるjQueryコードは次のとおりです。 jQuery(document).ready(function(){ if(jQuery("#pass-strength-result").length > 0){ jQuery("#pass1").bind("keyup", function(){ var pass1 = jQuery("#pass1").val(); var pass2 = jQuery("#pass2").val(); var username = jQuery("#username").val(); var strength = passwordStrength(pass1, username, pass2); updateStrength(strength); }); jQuery("#pass2").bind("keyup", function(){ var pass1 = jQuery("#pass1").val(); var pass2 = jQuery("#pass2").val(); var username = jQuery("#username").val(); var strength = passwordStrength(pass1, username, pass2); updateStrength(strength); …

18 javascript  wp-enqueue-script 

エンキューされた各スクリプトの$ handleを取得する方法はありますか？ すべてのハンドルを保持する配列があり、ループを介して各$ handleを使用して何かを実行できますか？

18 wp-enqueue-script  scripts 

次のようなカスタムポストタイプ「ポートフォリオ」を作成しました。 $args = array( 'labels' => $labels, 'public' => true, 'publicly_queryable' => true, 'show_ui' => true, 'query_var' => true, //'menu_icon' => get_stylesheet_directory_uri() . '/article16.png', 'rewrite' => true, 'capability_type' => 'post', 'hierarchical' => false, 'menu_position' => 4, 'taxonomies' => array('post_tag','category'), 'supports' => array('title','editor','comments','trackbacks','revisions','custom-fields','page-attributes','thumbnail', 'excerpt', 'tags') ); register_post_type( 'portfolio' , $args ); …

18 custom-post-types  admin  wp-enqueue-script 

私は今、次のコードでそれをやっています： function uw_load_scripts() { // De-register the built in jQuery wp_deregister_script('jquery'); // Register the CDN version wp_register_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js', array(), null, false); // Load it in your theme wp_enqueue_script( 'jquery' ); } add_action( 'wp_enqueue_scripts', 'uw_load_scripts' ); これは機能しますが、これをすべての人、または管理者以外のすべての人に対して行う必要があります（したがって、バックエンドはWordPressバージョンを使用しますか？）： if (function_exists('load_my_scripts')) { function load_my_scripts() { if (!is_admin()) { wp_deregister_script( 'jquery' ); wp_register_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js', …

16 plugin-development  theme-development  jquery  javascript  wp-enqueue-script 

Codexによると、wp_enqueue_scriptは、プロトコル相対リンクまたはプロトコルに依存しない外部リンクをサポートします。 しかし、私はそれを見ていません： wp_enqueue_script('google-maps', '//maps.googleapis.com/maps/api/js?&sensor=false', array(), '3', true); 出力： <script type='text/javascript' src='http://localhost:25898//maps.googleapis.com/maps/api/js?sensor=false&ver=3'></script> プロトコルの相対URLがサイトのURLに追加されていることに注意してください。

14 wp-enqueue-script 

今回は、プラグインフォルダーにJavaScriptファイルを含めることに取り組んでいます。 テーマディレクトリからウィジェットファイルを転送してプラグインを作成しようとしています。ウィジェットファイルをコピーしましたが、そのウィジェットファイルはJavaScriptファイルに依存していたため、プラグインディレクトリに/ js /フォルダーを作成しました。このファイルがホストされている場所「jquery.repeatable.js」 このコードを使用しましたが、jsファイルが含まれていないようです- function Zumper_widget_enqueue_script() { wp_enqueue_script( 'my_custom_script', plugin_dir_url( __FILE__ ) . 'js/jquery.repeatable.js' ); } add_action('admin_enqueue_scripts', 'Zumper_widget_enqueue_script'); 私はフォーラムでこれを検索しました-https : //stackoverflow.com/questions/31489615/call-a-js-file-from-a-plugin-directory しかし、まだこれは役に立ちませんでした。 質問をまとめ直します。プラグインディレクトリで、このフォルダーの下にjsファイルがあります-/ js / 正しいプロセスとは何かを含めたいのですが、何か登録する必要がありますか？ この部分に何か問題があり'admin_enqueue_scripts'ますか？

14 plugin-development  wp-enqueue-script 

私は次の条件でWordPressウィジェットのスクリプトとスタイルをロードしようとしています... スクリプトはHEADにロードする必要があります（そうでない場合）。 スクリプトは、ウィジェットが実際に表示されるときにのみロードする必要があります（非常に重いです）。 私は多くの検索を行ってきましたが、これは一般的な（未解決の）問題のように思えます... これは私が今まで持っている最高のものです... 以下は、テキストをサイドバーに出力する簡単なウィジェットです。jQueryを条件付きで（ウィジェットが実際に表示されるときに）正常にロードします...フッターにのみ！（注：このハックは後方互換性を提供する場合がありますが、WordPress 3.3でのみ機能する場合もあります）。 class BasicWidget extends WP_Widget { function __construct() { parent::__construct(__CLASS__, 'BasicWidget', array( 'classname' => __CLASS__, 'description' => "This is a basic widget template that outputs text to the sidebar" )); } function form($instance) { $instance = wp_parse_args( (array) $instance, array( 'title' => '' ) …

13 plugins  plugin-development  widgets  wp-enqueue-script  scripts 

ウィジェットで使用されるjavascriptスタイルとcssスタイルを独自のファイル内に保持します（テーマに追加しません）。 しかし、ウィジェットが実際にサイドバーで使用されている場合、ワードプレスにそれらを追加させることはできません。 私はこれを試しました： クラス宣言内に、2つの関数を追加しました class EssentielleRubriquesPosts extends WP_Widget { function addFrontendCss(){ wp_enqueue_style('erw-frontend-css', ESSENTIELLE_RUBRIQUE_WIDGET_PLUGIN_PATH . 'css/EssentielleRubriqueWidget-frontend.css'); } function addFrontendJavascript(){ wp_register_script('jq-hoverintent', PLUGIN_PATH . 'js/jquery.hoverintent.js', array('jquery'), '1.0',true); wp_enqueue_script('jq-hoverintent'); wp_enqueue_script('jq-tools', PLUGIN_PATH . 'js/jquery.tools.js', array('jquery'),'1.0',true); wp_enqueue_script('erw-frontend-js', PLUGIN_PATH . 'js/widget-frontend.js', array('jquery', 'jq-hoverintent', 'jq-tools'),'1.0',true); } およびwidget（）関数内： function widget($args, $instance) { add_action( 'wp_print_scripts', 'addFrontendJavascript' ); add_action( 'wp_print_styles', 'addFrontendCss' …

13 widgets  wp-enqueue-script  wp-enqueue-style 

プラグインを作成していますが、他のプラグインで使用されるすべてのスクリプトとCSSのリストを取得したいです。 これは私の機能です： function crunchify_print_scripts_styles() { $result = []; $result['scripts'] = []; $result['styles'] = []; // Print all loaded Scripts global $wp_scripts; foreach( $wp_scripts->queue as $script ) : $result['scripts'][] = $wp_scripts->registered[$script]->src . ";"; endforeach; // Print all loaded Styles (CSS) global $wp_styles; foreach( $wp_styles->queue as $style ) : $result['styles'][] = $wp_styles->registered[$style]->src …

12 wp-enqueue-script  wp-enqueue-style  scripts  css 

私が理解しているように、管理スクリプトはadmin_enqueue_scriptsフックおよび他のすべてのスクリプトを介して登録およびエンキューされることになっているwp_enqueue_scriptsので、すべてのスクリプトを明確かつ体系的な方法で登録およびエンキューするために次の関数を設定しました。 私の質問は、管理者とフロントエンドの両方で特定のスクリプト（jquery validateプラグインなど）が必要な場合はどうなりますか？この場合、スクリプトを登録およびエンキューするための推奨される方法は何ですか？wp_enqueue_scripts異なる$ handleで2回登録するか、それだけで登録します。そうする場合、必要なときに呼び出されないというリスクはありませんか？（admin_enqueue_scriptsつまり、それらのスクリプトを以前に利用可能にしないのであれば、なぜ他に存在するのでしょうか？ wpでスクリプトをキューに入れることのニュアンスを完全に理解するために、誰かがこれを説明してくれることを本当に感謝します。ありがとう 私のコード： // REGISTER ALL NON-ADMIN SCRIPTS add_action( 'wp_enqueue_scripts', 'register_all_non_admin_scripts' ); function register_all_non_admin_scripts() { wp_register_script( ... ); wp_register_script( ... ); } // ENQUEUE NON-ADMIN SCRIPTS CONDITIONALLY add_action( 'wp_enqueue_scripts', 'enqueue_scripts_where_required' ); function enqueue_scripts_where_required() { // scripts to be loaded at all times wp_enqueue_script( '' ); // scripts …

12 wp-enqueue-script