wp_enqueue
är en WordPress-funktion som allow utvecklare att enqueue skript (JavaScript-filer) och stilar (CSS-filer).
Detta innebär att utvecklare kan berätta för WordPress vilka skript och stilar de vill använda på en viss page, och WordPress kommer automatiskt att hämta dem.
Detta hjälper till att se till att dina pages laddas snabbt och effektivt, och det kan också hjälpa till att förhindra konflikter mellan olika skript och stilar.
Genom att ställa skript i kö på rätt sätt kan utvecklare skapa tillägg, themes och websites som är effektiva, underhållbara och kompatibla.
När ska du sätta JavaScript och CSS i kö i WordPress?
Du kan använda JavaScript och CSS för att customize din WordPress website, och utvecklare använder dessa språk när de skapar WordPress tillägg och teman.
- JavaScript körs i användarens webbläsare och används för att add to interaktiva element på din website, som sliders, alerts, knappar, popups med mera.
- CSS (Cascading Style Sheets) används för att definiera det visuella utseendet på din site, till exempel storleken och färgen på font, bakgrundsfärgen och bredden på page.
Om du är en webbplatsägare och vill add to JavaScript och CSS till specifika posts och pages, behöver du inte använda wp_enqueue
. Istället rekommenderar vi att du använder WPCode code snippets plugin eftersom det är det säkraste sättet att lägga till kod på en WordPress website.
Du kan lära dig mer i våra guider om hur du enkelt lägger till JavaScript och hur du enkelt lägger till customize CSS på din WordPress site.
Men om du är utvecklare eller lär dig att skapa tillägg och teman för WordPress, måste du ange JavaScript-filer och CSS stylesheets på rätt sätt i dina projekt.
Hur fungerar Enqueue-systemet i WordPress?
Nya utvecklare kan göra misstaget att direkt anropa skript och stylesheets i sina tillägg och teman. Detta kan lead till konflikter och försämra WordPress prestanda.
För att undvika dessa problem har WordPress ett enqueue-system. Detta ger utvecklare ett sätt att hämta skript och stylesheets så att allt fungerar korrekt och utan konflikter.
Så här fungerar enqueue-systemet:
- Först måste du registrera skriptet eller stylesheetet med hjälp av funktionen
wp_register
så att WordPress vet att det finns och var det finns. - Sedan sätter du skripten och stylesheeten i kö med hjälp av funktionen wp_enqueue och meddelar WordPress att du vill hämta dem.
- När sidan sedan har hämtats kommer WordPress att ladda alla skript i kö i korrekt order för att se till att allt fungerar som det ska.
Du kan läsa mer i vår guide om hur du lägger till JavaScript och stilar på rätt sätt i WordPress.
Exempel på kod
Med hjälp av funktionerna wp_enqueue_script
och wp_enqueue_style
kan du tala om för WordPress när en fil ska hämtas, var den finns och vilka beroenden den har.
Du kanske gillar att se några användbara kodexempel som visar hur du använder enqueue-systemet i WordPress.
Här är några exempel på kod som du kan klistra in i dina plugin-filer eller temats functions.php-fil
för att korrekt ladda skript i WordPress:
?php
function wpb_adding_scripts() {
wp_register_script('my_amazing_script', plugins_url('amazing_script.js', __FILE__), array('jquery'),'1.1', true);
wp_enqueue_script('my_amazing_script');
}
add_action( 'wp_enqueue_scripts', 'wpb_adding_scripts' );
?>
Och här är ett exempel på hur du sätter dina stylesheets i kö:
<?php
function wpb_adding_styles() {
wp_register_style('my_stylesheet', plugins_url('my-stylesheet.css', __FILE__));
wp_enqueue_style('my_stylesheet');
}
add_action( 'wp_enqueue_scripts', 'wpb_adding_styles' );
?>
För fullständiga förklaringar av dessa kodexempel, vänligen se vår guide om hur man korrekt lägger till JavaScript och stilar i WordPress.
Vi hoppas att den här artikeln hjälpte dig att lära dig mer om wp_enqueue
i WordPress. Du kanske också vill se vår lista Ytterligare Läsa under för relaterade artiklar om användbara WordPress-tips, tricks och idéer.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.