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

ใช้ Case ฉันกำลังทดลองกับคุณลักษณะ Dev Tools Workspace ของ Chrome มันมีความสามารถในการแก้ไขไฟล์โดยตรงใน Dev Tools และมีสไตล์ชีทที่บันทึกไว้รีเฟรชตัวเอง (หรือแม้กระทั่งการคอมไพล์แล้วรีเฟรช!) อย่างไรก็ตามดังที่มีการบันทึกไว้ในคำถาม StackOverflow "CSS" สร้างใหม่โหลดอัตโนมัติ "ของ Chrome ไม่โหลดหน้าเมื่อ SASS recompiles 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 

ฉันสร้างธีมผู้ปกครองและธีมลูกในโครงการของฉัน ฉันลงทะเบียน 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( …

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

ฉันมีข้อมูลโค้ด javascript ที่ฉันต้องการแทรกลงในส่วนท้ายของหน้า เป็นรหัสติดตามสมมติว่าคล้ายกับ Google Analytics ไม่มีการอ้างอิงเป็นข้อมูลโค้ดแบบสแตนด์อโลน ฉันสามารถทำอะไรเช่นนี้ 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 แล้ว ต้องมีวิธีในการทำให้ตัวเลือกสี Iris ทำงานบนส่วนหน้าที่ฉันไม่เห็น และสำหรับผู้ที่สงสัยว่าทำไมฉันถึงต้องการทำเช่นนี้ฉันกำลังพัฒนาปลั๊กอินที่เพิ่มแผงควบคุมแบบลอยออกไปที่ด้านข้างของหน้าจอซึ่งช่วยให้คุณทำการเปลี่ยนแปลงสไตล์ชั่วคราวแบบเรียลไทม์โดยไม่ต้องลงชื่อเข้าใช้ผ่าน 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 

WordPress codex พูดว่า : ( หน้า codex เก่า ) $ in_footer (บูลีน) (เป็นทางเลือก) โดยปกติสคริปต์จะอยู่ในส่วน หากพารามิเตอร์นี้เป็นจริงสคริปต์จะอยู่ที่ด้านล่างของ สิ่งนี้ต้องใช้ชุดรูปแบบเพื่อให้มีตะขอ 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'); …

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 …

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

9 widgets  links  wp-enqueue-script 

ฉันกำลังจัดการกับปัญหา SSL และฉันต้องการตัดโดเมนจากสคริปต์และสไตล์ทั้งหมดที่ส่งออกผ่าน wp_enqueue_scripts สิ่งนี้จะส่งผลให้สคริปต์และสไตล์ทั้งหมดแสดงพร้อมกับพา ธ สัมพัทธ์จากรูทโดเมน ฉันคิดว่ามีตะขอที่ฉันสามารถใช้ในการส่งไฟล์นี้ แต่ฉันไม่แน่ใจว่าจะใช้อันไหนหรือจะทำอย่างไร

9 wp-enqueue-script  wp-head