fbpx

Een child-thema en een blogthema maken

Een child-thema en een blogthema maken

Share This Post


Wanneer moet u een kindthema voor WordPress gebruiken? Het is belangrijk om een kinder thema als u van plan bent aangepaste wijzigingen in de code aan te brengen.

Op die manier worden aangepaste wijzigingen in de code niet overschreven wanneer het thema wordt bijgewerkt.

Traditioneel vereiste dit bij het werken met WordPress een kopie van functions.php en style.css om het child-thema te maken en het child-thema in de wachtrij van het parent-thema te plaatsen.

Met de verschillende bestandsstructuur a Volledige site-editieer moesten wat aanpassingen worden gedaan om alle juiste bestanden te vinden.

Gelukkig, met de creatie van de Maak een plug-in voor een blogthema Met WordPress.org is het maken van niet alleen een secundair thema, maar een volledig aangepast thema of stijlvariatie eenvoudiger dan ooit.

Maak een plug-in voor een blogthemaScreenshot uit de plugin-repository van WordPress.org, december 2022

De Create Block Theme-plug-in instellen in WordPress

Eerst wil je het WordPress-blogthema installeren en activeren waarvoor je je nieuwe thema of kindthema wilt maken; in dit geval gebruik ik Twenty Twenty-Two.

Nummer tweeëntwintigScreenshot van het WordPress-dashboard, december 2022

Voer dan de volgende stappen uit:

Ga naar Plug-ins > Nieuwe toevoegen.

Zoek in het zoekvenster naar “Create Blog Topic”.

Klik op Installeren en activeren.

Plug-ins paginaScreenshot van het WordPress-dashboard, december 2022

Als de plug-in is geïnstalleerd, heb je een aantal nieuwe opties onder Uiterlijk, zoals een blogthema maken en themalettertypen beheren.

Uiterlijk optiesScreenshot van het WordPress-dashboard, december 2022

Een kind WordPress-thema maken

De Create Blog Theme-plug-in is een uiterst eenvoudige manier om een ​​secundair thema voor een blog te maken, inclusief een volledig thema voor het bewerken van de site. De plug-in maakt automatisch de onderdelenmap, de sjabloonmap, theme.json en style.css aan.

Zodra de plug-in is geïnstalleerd, bent u klaar om uw kindthema te maken:

Selecteer Blogthema maken onder Uiterlijk.
Selecteer vervolgens Create Child of Twenty Twenty-Two (als je een ander thema hebt geselecteerd, verschijnt dat thema).
Vul aan de rechterkant Onderwerpnaam, Onderwerpbeschrijving, Onderwerp-URI, Auteur en Auteur-URI in.
Klik op de blauwe knop Genereren om het onderliggende thema te maken.
informatie over thema's voor kinderenScreenshot van het WordPress-dashboard, december 2022

Het kindthema wordt geëxporteerd als een zipbestand.

zip-bestand met kinderthemaScreenshot van gegenereerd kindthemabestand, december 2022

Klik onder Uiterlijk > Thema’s op Thema toevoegen en Thema uploaden en selecteer het gegenereerde zipbestand.

Ga naar Thema’s en zorg ervoor dat je je nieuwe child-thema ziet.

Een aangepaste afbeelding maken voor een WordPress-kindthema

Een van de nadelen van de plug-in is dat je er geen kunt toevoegen screenshot.png voor je child-themagebruik ook niet degene die bij het hoofdthema is geleverd.

Dit kan eenvoudig worden opgelost en geeft een leuk persoonlijk tintje aan het thema van uw kind.

Maak met uw favoriete afbeeldingseditor een nieuwe afbeelding van 1200 x 900 pixels groot, en noem het screenshot.png.

Plaats het nieuwe screenshot.png in de onderliggende themamap die je hebt gemaakt.

bestanden in kindthemaScreenshot van themabestanden voor WordPress child-thema, december 2022

Ga terug naar thema’s en uw nieuwe afbeelding zou moeten verschijnen met uw kindthema.

Afbeelding van actief kindthemaScreenshot van het WordPress-dashboard, december 2022

Nu er een child-thema is ingesteld in het blogthema, kunnen er wijzigingen in het thema worden aangebracht thema.json en style.css-sjabloonbestanden zonder de hoofdthemabestanden te overschrijven.

Op deze manier kan het hoofdthema zonder problemen worden bijgewerkt.

Je kunt ook het nieuwe child-thema met de aangebrachte wijzigingen, zoals de afbeelding, exporteren om als child-thema te gebruiken voor nieuwe installaties van het parent-thema.

Een aangepast blogthema maken in WordPress

De Maak een plug-in voor een blogthema biedt een aantal opties voor het maken van uw eigen thema. U kunt het huidige thema klonen en uw eigen aangepaste wijzigingen aanbrengen door het als sjabloon te gebruiken.

Zodra je je wijzigingen hebt aangebracht en er tevreden mee bent, kun je de plug-in gebruiken om je thema te exporteren met alle wijzigingen die je hebt aangebracht om je nieuwe thema op andere websites te gebruiken.

U kunt ook een volledig leeg nieuw thema maken dat het huidige thema als standaard gebruikt. Dit is een geweldige manier om iets helemaal op maat te maken.

Volg deze stappen om een ​​volledig nieuw thema te maken:

Kies onder Een blogthema maken de optie Een leeg thema maken.

Vul aan de rechterkant alle informatie in, geef het een naam en voeg je naam toe als de maker en druk op Genereren.

Maak een leeg themaScreenshot van het WordPress-dashboard, december 2022

Je nieuwe thema wordt gedownload als een zipbestand.

Onder Uiterlijk > Thema’s kunt u uw nieuwe thema uploaden en activeren.

Volg dezelfde stappen als het onderliggende thema als je een aangepaste screenshot.png-afbeelding wilt toevoegen.

Activeer het nieuwe thema en gebruik het als startpunt voor je nieuwe thema.

nieuw blanco onderwerpScreenshot van het WordPress-dashboard, december 2022

Gebruik patronen, blokken, sjabloononderdelen en de stijleditor om uw nieuwe thema te creëren met de look die u wilt.

Als je klaar bent met je nieuwe thema, ga je terug naar Uiterlijk > Blogthema maken en exporteer je het nieuwe thema, dat alle wijzigingen bevat die je erin hebt aangebracht.

Het wordt geëxporteerd als een zipbestand en kan worden geüpload naar elke nieuwe WordPress-installatie.

Bronbeheer van WordPress-thema’s

Een ander geweldig kenmerk van de Maak een plug-in voor een blogthema is om eenvoudig lettertypen voor het thema toe te voegen en te verwijderen.

Om nieuwe lettertypen aan een thema toe te voegen, moeten de lettertypen normaal gesproken worden gedownload, aan de map met lettertypen worden toegevoegd en in de wachtrij geplaatst voor functions.php bestand, of Google-link moet aan de code worden toegevoegd.

Het toevoegen van meerdere lettertypen kan het proces verder bemoeilijken.

Met de plug-in Google bronnen i lokale bronnen vanaf uw computer kan eenvoudig worden toegevoegd aan of verwijderd uit uw aangepaste thema of een thema dat u hebt geïnstalleerd en geactiveerd.

Klik voor Google-lettertypen op Google-lettertype toevoegen en het vervolgkeuzevenster toont u een lijst met beschikbare Google-lettertypen.

Selecteer het lettertype, vink het selectievakje aan en klik op de knop om Google Font aan uw thema toe te voegen.

Themalettertypen beherenScreenshot van het WordPress-dashboard, december 2022
Voeg Google-lettertypen toeScreenshot van het WordPress-dashboard, december 2022

Het toevoegen van een lokaal lettertype dat u hebt gedownload, is een vergelijkbaar proces.

Klik op Lokaal lettertype toevoegen, upload het lettertypebestand, vul de naam, stijl en dikte van het lettertype in en druk op de knop om het lokale lettertype in uw thema te laden.

Lokale lettertypenScreenshot van het WordPress-dashboard, december 2022

WordPress-kindthema’s eenvoudig gemaakt

met Volledige site-editie en de Maak een plug-in voor een blogthemahet maken van uw eigen thema- en stijlvariaties is eenvoudiger dan ooit.

Door de plug-in te gebruiken in plaats van bestanden handmatig in een wachtrij te plaatsen en code te wijzigen, wordt het maken van onderliggende thema’s en het toevoegen van nieuwe lettertypen een eenvoudig proces.

patronen, stijl variatiesi herbruikbare blokken bij gebruik met de plug-in zijn er eenvoudige manieren om uw eigen aangepaste thema te maken dat u kunt exporteren en hergebruiken.

Allemaal zonder een themacode aan te raken.

Meer middelen:

Uitgelichte afbeelding: Kaspars Grinvalds/Shutterstock



Source link

More To Explore

WACHT! VOORDAT JE GAAT...

Geef me jouw E-mail Address, en dan stuur ik je een GRATIS kopie van mijn boek, waarin ik je laat zien hoe je jouw inkomen kan verdubbelen in 90 dagen!