คำถามติดแท็ก wp-enqueue-script

ฉันพยายามใส่ jquery ui effects (โดยเฉพาะเอฟเฟกต์การสั่น) ในธีม wordpress ของฉัน จนถึงตอนนี้ฉันทำได้เพียงรวมสคริปต์ 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 }, …

25 jquery  wp-enqueue-script 

ฉันอยู่ในกระบวนการของธีมฉันต้องการเพิ่มหน้า Landing Page โดยใช้เทมเพลตหน้า ฉันไม่พบที่ใดที่แสดงวิธีจัดคิวสไตล์หรือ js สำหรับเทมเพลตหน้าเฉพาะ ข้อเสนอแนะใด ๆ อดีต Landing Page 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 () เพื่อส่งรหัสที่จำเป็นและคีย์ข้อมูลแอป ฉันลองสองสามแบบนี้: 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 …

20 plugins  wp-enqueue-script 

ฉันได้ทำการวัดความแรงของรหัสผ่านเริ่มต้นของ wordpress แต่ไม่ทราบวิธีใช้ ขณะนี้หน้า codexไม่ได้ให้ลิงค์ไปยังเอกสารใด ๆ มีใครมีลิงค์ไปยังหน้าตัวอย่างหรือเอกสารประกอบหรือไม่ การแก้ไข HTML ค่อนข้างง่าย จะมีสองกล่องรหัสผ่าน หนึ่ง div เพื่อแสดงผลลัพธ์รหัสผ่านและไฟล์ที่ถูกซ่อนเพื่อรับชื่อผู้ใช้ และนอกหลักสูตรคุณต้องเข้าคิวjqueryและwp_enqueue_script('password-strength-meter');ก่อนรหัส jQuery นี่คือรหัส 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 = …

18 javascript  wp-enqueue-script 

มีวิธีใดบ้างในการรับ $ 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' , …

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' …

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

ตามCodex , wp_enqueue_script รองรับโปรโตคอลที่เกี่ยวข้องหรือลิงค์ภายนอกที่ไม่เชื่อเรื่องพระเจ้าโปรโตคอล: "สินทรัพย์ระยะไกลสามารถระบุได้ด้วย URL ที่ไม่เชื่อเรื่องโปรโตคอลเช่น '//otherdomain.com/js/theirscript.js' แต่ฉันไม่เห็นมัน: 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 ดังนั้นฉันจึงสร้าง a / 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'); ฉันค้นหาสิ่งนี้ในฟอรัม - /programming/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 …

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

ฉันต้องการเก็บสไตล์ javascript และ css ที่ใช้โดยวิดเจ็ตของฉันไว้ในไฟล์ของตัวเอง (และไม่เพิ่มลงในธีม) แต่ฉันไม่สามารถรับ wordpress เพื่อเพิ่มพวกเขาได้เมื่อมีการใช้วิดเจ็ตบนแถบด้านข้าง ฉันเคยลองแล้ว: ในการประกาศ Class ฉันได้เพิ่ม 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); } และภายในฟังก์ชั่น …

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 ) : …

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

ตามที่ฉันเข้าใจสคริปต์ผู้ดูแลระบบควรลงทะเบียนและจัดคิวผ่านadmin_enqueue_scriptsเบ็ดและสคริปต์อื่น ๆ ทั้งหมดwp_enqueue_scriptsดังนั้นฉันจึงได้ตั้งค่าฟังก์ชั่นต่อไปนี้เพื่อลงทะเบียนและจัดคิวสคริปต์ทั้งหมดของฉันอย่างชัดเจนและเป็นระเบียบ คำถามของฉันคือถ้าฉันต้องการสคริปต์บางอย่าง (เช่น. jquery ตรวจสอบปลั๊กอิน) ทั้งในผู้ดูแลระบบและส่วนหน้า? วิธีการที่แนะนำสำหรับการลงทะเบียนและการลงทะเบียนสคริปต์ในกรณีนี้คืออะไร? ลงทะเบียนสองครั้งด้วย $ handle ที่แตกต่างกันหรือลงทะเบียนผ่านwp_enqueue_scriptsเท่านั้นและหากเป็นเช่นนั้นจะไม่มีความเสี่ยงที่จะไม่ถูกเรียกเมื่อจำเป็น? (ฉันหมายความว่าทำไมจะ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() { // …

12 wp-enqueue-script