• Articles
• admin

voor een WordPress thema ontwikkelaar, het eerste ding is om de structuur te begrijpen; en daarna, het gaat om het leren over het toevoegen van scripts en stylesheets.

de meeste webdesigners maken een fout door een WordPress thema te maken, net als een eenvoudig HTML-sjabloon.

u moet begrijpen dat WordPress is een platform gebaseerd op PHP, en de thema ‘ s zijn dynamisch. Het toevoegen van een CSS-bestand is niet zoals je doet in een tijdje het creëren van een statische website.

WordPress heeft zijn codeerstandaard die u moet volgen. Enqueuuing een CSS-bestand goed kan een beetje lastig voor veel webontwikkelaars/ontwerpers zijn.

in deze tutorial, ga ik u door een stap voor stap proces, dat de WordPress codex van het toevoegen van een CSS-bestand aan een WordPress thema verklaart.

ervan uitgaande dat u een goede WordPress hosting met WordPress ingesteld, laten we beginnen!

begrijp de functie wp_enqueue_style ()

terwijl u een statische HTML-website ontwikkelt, kunt u het css-bestand koppelen aan het hoofd, maar dit is niet hetzelfde geval in een WordPress thema.

met een duidelijk begrip van PHP en WordPress Codex, moet je leren om themafuncties te gebruiken.

laten we beginnen met de functie wp_enqueue_style (), die wordt gebruikt om een CSS-bestand te koppelen aan uw WordPress thema. De standaard parameters zijn als volgt.

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

laat me al deze parameters uitleggen.

• $handvat:- Het is een verplicht veld, dat de naam van het stylesheet
• $src bevat: – het is ook verplicht in te vullen. Het is het pad van het stylesheet relatief aan de root directory
• $deps: – het is optioneel om een array aan te maken om het stylesheet
• $ver te beheren:- als u de versie van het stylesheet wilt beheren, kunt u dat.
• $media: – Als u het stijlblad voor elk mediatype wilt gebruiken, kunt u dat. Anders is het niet nodig.

u heeft nu misschien een idee gekregen. Alleen de eerste twee opties zijn nodig om in te vullen, de rest kunt u leeg laten om de standaardwaarden op te halen.

Opmerking: Als de naam van het stijlblad “style” is en het zich in de hoofdmap van de themanaam bevindt, zal de code als volgt zijn.

wp_enqueue_style( 'style', get_stylesheet_uri() );

maar zoals je kunt zien, je maakt het werken; je nodig hebt om een WordPress-functie, die het bestand kan koppelen aan het hoofd op een goede manier te creëren.

laat me u de code tonen.

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

u vraagt zich misschien af wat de beste plaats is om de functie toe te voegen. Nou, als je een beetje Weet over WordPress thema ontwikkeling, weet u misschien dat de functies.php-bestand controleert alle functies.

u moet dus het bestand openen en deze functie toevoegen.

als het u is opgevallen, is er een hook ” add_action “met een parameter” wp_enqueue_scripts, ” die wordt gebruikt om stijlen en scripts te onderzoeken.

alles wat u moet begrijpen is de hoofdfunctie wp_enqueue_style ().

voor newbie WordPress ontwikkelaars, kan het moeilijk zijn om dergelijke technische dingen te pakken, maar zodra ze leren WordPress Codex, alles gaat soepel.

ik hoop dat het niet zo moeilijk is om een CSS-bestand toe te voegen aan een WordPress thema

ik herinner me toen ik begon met het ontwikkelen van WordPress thema ‘ s een paar jaar geleden, het was een ramp. Wanneer u blijft oefenen statische websites en plotseling te weten komen over de dynamische aard van web 2.0, kunt u fret een beetje.

zodra u zich bezighoudt met WordPress-codes, kunt u het gevoel dat het interessant. Het toevoegen van een CSS-bestand is een van de basisprincipes voor het ontwikkelen van een WordPress thema vanaf nul.

conclusie

webontwikkeling kan lastig zijn, en het kan newbie WordPress gebruikers bang maken. De Gids is voor de mensen die willen beginnen met het ontwikkelen van hun aangepaste WordPress thema.

Bedankt voor het volgen van deze tutorial.

bekijk deze top 3 WordPress hosting services: