• Articles
• admin

för en WordPress-temautvecklare är det första att förstå dess struktur; och efter det kommer det att lära sig att lägga till skript och stilmallar.

de flesta webbdesigners gör ett misstag genom att skapa ett WordPress-tema precis som en enkel HTML-mall.

du bör förstå WordPress är en plattform baserad på PHP, och dess teman är dynamiska. Att lägga till en CSS-fil är inte som du gör på ett tag att skapa en statisk webbplats.

WordPress har sin kodstandard du måste följa. Enqueuing en CSS-fil på rätt sätt kan vara lite knepigt för många webbutvecklare/designers.

i denna handledning kommer jag att gå igenom en stegvis process, vilket förklarar WordPress codex för att lägga till en CSS-fil till ett WordPress-tema.

förutsatt att du har bra WordPress-värd med WordPress-inställning, låt oss komma igång!

förstå funktionen wp_enqueue_style ()

när du utvecklar en statisk HTML-webbplats kan du länka CSS-filen till huvudet, men det är inte samma fall i ett WordPress-tema.

med en tydlig förståelse för PHP och WordPress Codex bör du lära dig att använda temafunktioner.

låt oss börja med funktionen wp_enqueue_style (), som används för att länka en CSS-fil till ditt WordPress-tema. Standardparametrarna är som följer.

wp_enqueue_style( $handle, $src, $deps, $ver, $media );

Låt mig förklara alla dessa parametrar.

• $handtag:- Det är ett obligatoriskt fält, som innehåller namnet på formatmallen
• $src:- det är också krävs för att fylla i. Det är stilarkets väg i förhållande till rotkatalogen
• $deps:- det är valfritt att skapa en array för att styra stilarket
• $ver:- om du vill styra versionen av stilarket kan du.
• $ media: om du vill använda formatmallen för alla medietyper kan du. Annars behöver du inte.

du kanske har fått en aning nu. Endast de två första alternativen är nödvändiga för att fylla i, resten kan du Lämna tomt för att hämta standardvärdena.

Obs: nu om formatmallen namnet är ”style” och det är i huvudtema namnmappen, koden kommer att vara som följer.

wp_enqueue_style( 'style', get_stylesheet_uri() );

men som du kan se får du det att fungera; du måste skapa en WordPress-funktion som kan länka filen till huvudet på ett korrekt sätt.

Låt mig visa dig koden.

functionnew_theme_css_file{wp_enqueue_style( 'style', get_stylesheet_uri() );}add_action('wp_enqueue_scripts', 'new_theme_css_file' );

du kanske undrar som om vad är det bästa stället att lägga till funktionen. Tja, om du vet lite om WordPress tema utveckling, kanske du vet att funktionerna.php-fil styr alla funktioner.

så måste du öppna filen och lägga till den här funktionen.

om du har märkt, det finns en krok ” add_action ”med en parameter” wp_enqueue_scripts, ” som används för att köa stilar och skript.

allt du behöver förstå är den huvudsakliga wp_enqueue_style () – funktionen.

för nybörjare WordPress-utvecklare kan det vara svårt att ta tag i sådana tekniska saker, men när de lär sig WordPress Codex går allt smidigt.

jag hoppas att det inte är så svårt att lägga till en CSS-fil till ett WordPress-tema

jag kommer ihåg när jag började utveckla WordPress-teman för några år sedan var det en katastrof. När du fortsätter att öva statiska webbplatser och plötsligt kommer att veta om den dynamiska naturen hos web 2.0, kan du oroa dig lite.

när du engagerar dig med WordPress-koder kan du börja känna det intressant. Att lägga till en CSS-fil är en av grunderna för att utveckla ett WordPress-tema från början.

slutsats

webbutveckling kan vara knepigt, och det kan skrämma nybörjare WordPress-användare. Guiden är för de människor som vill börja utveckla sitt anpassade WordPress-tema.

Tack för att du följer denna handledning.

kolla in dessa topp 3 WordPress värdtjänster: