get_theme_mod benutze get_theme_mod , um thematische Anpassungen in CSS anzubieten, was großartig funktioniert. Möchte nun Themenanpassungen anbieten, wo es JavaScript verändern würde. wp_print_footer_scripts dies derzeit durch die Verwendung von wp_print_footer_scripts aber es verursacht anfängliche Probleme mit vielen Optimierungsplugins. Zum Beispiel erfordert Autoptimize die Änderung einer erweiterten Option zu
Aggregiere auch Inline-JS
- So deaktivieren Sie jQuery-Registerkarten beim Anpassen des Designs
- Fügen Sie js-Skript in die Fußzeile ein
- reihe die Skripte ein
- Benutzerdefinierte jquery nicht Code funktioniert nicht in WordPress
- jQuery Plugin Uncaught TypeError: jQuery (...) .slider ist keine function
- wp_enqueue_scripts werden nicht korrekt eingereiht
was vermuten lässt, dass etwas nicht stimmt und es muss einen Weg geben, das gleiche Ergebnis zu erzielen, indem man das Skript in eine Weise einreiht, die mit Optimierungs-Plugins kompatibel ist.
Hier sind die zwei relevanten Auszüge des Codes:
function zum Hinzufügen von Inline-JavaScript
function theme_customize_js() { ?> (function($){ 'use strict'; $('.owl-carousel').owlCarousel({ animateIn: '', animateOut: '', autoHeight: , autoplay: , autoplaySpeed: , center: , dots: , dotsSpeed: , dragEndSpeed: , fluidSpeed: , items: , loop: , nav: , navSpeed: , navText : [ '', '' ], smartSpeed: }); })(jQuery); <?php }
Aktion zum Hinzufügen von Inline-JavaScript
add_action( 'wp_print_footer_scripts', 'theme_customize_js');