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 stilark.


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 medan du skapar en statisk webbplats.

WordPress har sin kodningsstandard du behöver följa. Att markera en CSS-fil ordentligt kan vara lite svårt för många webbutvecklare / designers.

I den här tutorialen kommer jag att leda dig genom en steg för steg-process, som förklarar WordPress-kodxen för att lägga till en CSS-fil till ett WordPress-tema.

Förutsatt att du har bra WordPress-värd med WordPress-konfigurering, 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 sak i ett WordPress-tema.

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

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

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

Låt mig förklara alla dessa parametrar.

  • $ Handtag:- Det är ett obligatoriskt fält som innehåller namnet på stilarket
  • $ Src:- Det krävs också att du fyller i. Det är stilsidans sökväg relativt rotkatalogen
  • $ deps:- Det är valfritt att skapa en matris för att styra formatmallen
  • $ Ver:- Om du vill kontrollera versionen av stilarket kan du göra det.
  • $ media:- Om du vill använda formatmallen för alla mediatyper kan du göra det. Annars inget behov.

Du kanske har fått någon idé 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 stilarkets namn är "stil" och det är i mappen med huvudtemannamn, koden kommer att vara som följer.

wp_enqueue_style (‘stil’, get_styleheet_uri ());

Men som ni ser, får du det att fungera; måste du 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 (‘stil’, get_styleheet_uri ());
}
add_action (‘wp_enqueue_scripts’, ‘new_theme_css_file’);

Du undrar kanske som om det är det bästa stället att lägga till funktionen på. Tja, om du vet lite om WordPress-temautveckling, kanske du vet att functions.php fil styr alla funktioner.

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

Om du har märkt att det finns en krok "add_action" med en parameter "wp_enqueue_scripts," som används för att förlägga stilar och skript.

Allt du behöver förstå är det viktigaste wp_enqueue_style () fungera.

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 minns när jag började utveckla WordPress-teman för några år sedan, det var en katastrof. När du fortsätter öva på statiska webbplatser och plötsligt lär känna webb 2.0’s dynamiska karaktär, kan du kämpa lite.

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

Slutsats

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

Tack för att du följde den här självstudien.

Kolla in de tre bästa WordPress-värdtjänsterna:

FastComet

Startpris:
$ 2.95


Pålitlighet
9,7


Prissättning
9,5


Användarvänlig
9,7


Stöd
9,7


Funktioner
9,6

Läs recensioner

Besök FastComet

Hostinger

Startpris:
$ 0.99


Pålitlighet
9,3


Prissättning
9,3


Användarvänlig
9,4


Stöd
9,4


Funktioner
9,2

Läs recensioner

Besök Hostinger

A2 Hosting

Startpris:
$ 3,92


Pålitlighet
9,3


Prissättning
9,0


Användarvänlig
9,3


Stöd
9,3


Funktioner
9,3

Läs recensioner

Besök A2 Hosting

Relaterade artiklar om hur man gör

  • Hur du lägger till en JavaScript-fil till WordPress-tema på rätt sätt med cPanel
    expert-
  • Hur man loggar ut alla användare i WordPress på en gång
    mellanliggande
  • Hur du redigerar din WordPress-webbplats .htaccess-fil med cPanel
    nybörjare
  • Hur man loggar in i WordPress med Softaculous från cPanel
    mellanliggande
  • Hur man fixar ett HTTP-fel som visas i WordPress Media Library
    nybörjare
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me