wp_enqueue är en WordPress-funktion som låter utvecklare lägga till skript (JavaScript-filer) och stilar (CSS-filer).
Detta innebär att utvecklare kan tala om för WordPress vilka skript och stilar de vill använda på en viss sida, och WordPress kommer automatiskt att ladda dem.
Detta hjälper till att säkerställa att dina sidor laddas snabbt och effektivt, och det kan också hjälpa till att förhindra konflikter mellan olika skript och stilar.
Genom att korrekt lägga till skript kan utvecklare skapa plugins, teman och webbplatser som är effektiva, underhållbara och kompatibla.
När ska du lägga till JavaScript och CSS i WordPress?
Du kan använda JavaScript- och CSS-kod för att anpassa din WordPress-webbplats, och utvecklare använder dessa språk när de skapar WordPress-plugins och teman.
- JavaScript körs i användarens webbläsare och används för att lägga till interaktiva element på din webbplats, som till exempel bildspel, varningar, knappar, popup-fönster och mer.
- CSS (Cascading Style Sheets) används för att definiera webbplatsens visuella utseende, såsom storlek och färg på teckensnitt, bakgrundsfärg och sidans bredd.
Om du är en webbplatsägare och vill lägga till JavaScript och CSS till specifika inlägg och sidor, behöver du inte använda wp_enqueue. Istället rekommenderar vi att du använder kodsnuttpluginet WPCode eftersom det är det säkraste sättet att lägga till kod på en WordPress-webbplats.
Du kan lära dig mer i våra guider om hur man enkelt lägger till JavaScript och hur man enkelt lägger till anpassad CSS på din WordPress-webbplats.
Men om du är utvecklare eller lär dig hur man skapar WordPress-plugins och teman, då behöver du korrekt lägga till JavaScript-filer och CSS-stilmallar till dina projekt.
Hur fungerar WordPress Enqueue-system?
Nya utvecklare kan göra misstaget att direkt anropa skript och stilmallar i sina plugins och teman. Detta kan leda till konflikter och skada WordPress prestanda.
För att undvika dessa problem tillhandahåller WordPress ett kösystem. Detta ger utvecklare ett sätt att ladda skript och stilmallar så att allt fungerar korrekt och utan konflikter.
Så här fungerar kösystemet:
- Först måste du registrera skriptet eller stilmallen med funktionen
wp_registerså att WordPress vet att den existerar och var den finns. - Sedan lägger du till skript och stilmallar med funktionen wp_enqueue, och detta låter WordPress veta att du vill ladda dem.
- Sedan, när sidan har laddats, kommer WordPress att ladda alla tillagda skript i rätt ordning för att säkerställa att allt fungerar korrekt.
Du kan läsa mer i vår guide om hur man korrekt lägger till JavaScript och stilar i WordPress.
Kodexempel
Du kan använda funktionerna wp_enqueue_script och wp_enqueue_style för att tala om för WordPress när en fil ska laddas, var den finns och vilka dess beroenden är.
Du kanske vill se några hjälpsamma kodexempel som visar hur man använder WordPress kösystem.
Här är lite exempelkod 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 lägger till dina stilmallar:
<?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, 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 med ytterligare läsning nedan för relaterade artiklar om användbara WordPress-tips, tricks och idéer.
Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.
