In dit artikel laat ik je een heel eenvoudige methode zien voor het maken van onderliggende thema's bij het gebruik van WordPress Block Themes.

Inhoudsopgave

Blokthema's Snel overzicht

Met de introductie van WordPress 6.0 heeft het WordPress-team zich volledig ingezet voor Block Themes om het gemakkelijker dan ooit te maken om websites te ontwerpen en aan te passen met weinig tot geen codering. Blokthema's maken gebruik van de "Block Editor", ook wel bekend als de "Gutenberg Block Editor", waarmee gebruikers ontwerpelementen naar een webpagina kunnen slepen en neerzetten. Deze functie maakt WordPress veel competitiever met sitebouwers en themabouwers, vooral omdat WordPress volledig gratis is en al wordt gebruikt door meer dan 60% van de top 10 miljoen websites op internet.

Een van de nieuwste voordelen van Block Themes is de mogelijkheid om eenvoudig een nieuw child-thema te maken voor elk Block Theme dat u gebruikt om uw website te ontwerpen. Als je bijvoorbeeld het standaard TwentyTwentyThree-thema gebruikt dat bij WordPress 6.2 wordt geleverd, kun je er snel een onderliggend thema voor maken zonder dat je met een FTP-client in je sitebestanden hoeft te duiken.

Waarom kinderthema's belangrijk zijn

Onderliggende thema's zijn belangrijk omdat ze je in staat stellen je thema aan te passen en die aanpassingen te behouden wanneer er thema-updates beschikbaar zijn. Zonder een onderliggend thema kunnen uw site-aanpassingen worden overschreven elke keer dat u uw "ouder"-thema bijwerkt - in dit geval het TwentyTwentyThree-thema. Dit betekent dat je in het beste geval terug moet gaan en je aanpassingen een voor een opnieuw moet invoeren na elke thema-update, en in het slechtste geval kun je al je aanpassingen kwijtraken bij het updaten en moet je opnieuw beginnen.

Onderliggende thema's scheiden uw aanpassingen van het standaard bovenliggende thema, zodat u uw bovenliggende thema kunt bijwerken EN al uw aanpassingen binnen het onderliggende thema kunt behouden. Je krijgt het beste van twee werelden.

WordPress vereenvoudigd: cursus krachtige websites bouwen door Davies Media Design

Maak een kindthema voor uw blokthema

Nu sommigen van jullie voldoende geïrriteerd zijn omdat ik uitleg waarom je onderliggende thema's nodig hebt, laten we eens kijken hoe je deze onderliggende thema's daadwerkelijk kunt maken wanneer je in WordPress in 2023, 2024 en daarna werkt.

Om te beginnen logt u in op uw WordPress-dashboard en navigeert u naar Plug-ins>Nieuwe toevoegen (rode pijl in de afbeelding hierboven).

Deze methode maakt gebruik van een plug-in die rechtstreeks door het WordPress-team is ontwikkeld. Dit betekent dat de plug-in is geoptimaliseerd om te werken met de nieuwste versie van WordPress en blokthema's.

Zoek vanuit het werkgebied "Plug-ins toevoegen" naar de plug-in "Create Block Theme" met behulp van de zoekbalk (groen omlijnd in de afbeelding hierboven, rechtsboven). Zodra u de plug-in in de zoekresultaten ziet staan, klikt u op "Nu installeren" (rode pijl).

Zodra de plug-in is geïnstalleerd, wordt de knop "Nu installeren" blauw en zegt "Activeren". Klik op de knop "Activeren" (rode pijl in bovenstaande afbeelding).

Zodra de plug-in met succes is geactiveerd, wordt u naar het werkgebied "Plug-ins" van WordPress gebracht en ziet u een bericht met de tekst "Plug-in geactiveerd" naar boven (groene pijl in de bovenstaande afbeelding). Navigeer vanaf hier naar Uiterlijk> Blokthema maken (rode pijl).

Eenmaal binnen het werkgebied "Create Block Theme", selecteert u de radio-optie "Create child theme of Twenty Twenty-Three" (of wat de naam ook is van het thema waarvoor u een child-thema maakt - rode pijl in de afbeelding hierboven).

Aan de rechterkant van het venster verschijnen een aantal tekstvakken. Alleen het bovenste tekstveld, genaamd "Themanaam" (blauwe pijl), is verplicht. De rest is allemaal optioneel. Voor uw themanaam is het standaardpraktijk om uw kindthema "TwentyTwentyThree-child" te noemen als uw hoofdthema bijvoorbeeld "TwentyTwentyThree" heet.

Ik heb toevallig ook een korte beschrijving toegevoegd in het veld 'Themabeschrijving', plus mijn bedrijfsnaam toegevoegd onder 'Auteur' en mijn hoofdwebsite onder 'Author URI'. Al het andere heb ik op hun standaardwaarden gelaten (inclusief de selectievakjes die je ziet als je verder naar beneden scrolt op de pagina).

Klik op de knop "Genereren" (groene pijl).

Hierdoor wordt automatisch een download gestart van een zipbestand met je child-thema. U kunt de bestandsnaam behouden zoals deze wordt weergegeven (rode pijl in de bovenstaande afbeelding). Klik op "Opslaan" om het bestand op uw computer op te slaan (blauwe pijl).

Er wordt een zip-bestand naar uw computer gedownload. Klik in de downloadbalk onderaan uw browser op de pijl naast de voltooide download (groene pijl) en klik op "Toon in map" (rode pijl) om het gedownloade zipbestand in uw Verkenner-venster te openen (als u ' als u Windows gebruikt – op MAC, opent u de download in uw bestandsverkenner).

Houd dit Verkenner-venster open en het zip-bestand dat uw kindthema bevat geselecteerd (groene pijl) - we hebben dit nodig in een volgende stap.

Keer terug naar WordPress en navigeer naar het gedeelte "Thema's" onder Uiterlijk (rode pijl in de afbeelding hierboven). Klik op de knop "Nieuwe toevoegen" bovenaan het werkgebied Thema's (blauwe pijl).

In het werkgebied "Thema's toevoegen" ziet u een vak in het midden van het venster met een knop met het label "Bestand kiezen" (rode pijl). U kunt op deze knop klikken en het zipbestand selecteren dat we zojuist hebben gedownload voor het onderliggende thema, of u kunt het venster Bestandsverkenner openen waar we eerder naar hebben genavigeerd en het zipbestand ergens in dit vak slepen en neerzetten.

Op deze foto hierboven kun je zien dat ik het zip-bestand rechtstreeks over de doos sleepte en mijn muis losliet.

Je ziet nu je Twentytwentythreechild.zip-themabestand in het vak staan ​​(groene pijl) en er verschijnt een knop "Nu installeren" (rode pijl). Klik op "Nu installeren" om de installatie van het kindthema te starten.

U wordt naar een nieuw venster geleid en uw child-thema wordt op uw site geïnstalleerd. Geef de installatie wat tijd en ververs de pagina niet tijdens het installeren (dit kan uw site kapot maken). Zodra de installatie van het onderliggende thema is voltooid, ziet u een bericht met de melding 'Thema is geïnstalleerd'. (groen omlijnd in de bovenstaande afbeelding).

Onder dit succesbericht staat een link met het label 'Activeren'. Klik op deze link om het child-thema op uw site te activeren.

Zodra het thema met succes is geactiveerd, wordt u teruggebracht naar het werkgebied "Thema's". Er verschijnt bovenaan een bericht met de tekst 'Nieuw thema geactiveerd. (groen omlijnd in de bovenstaande afbeelding). Je zult zien dat het eerste vermelde thema nu een leeg thema lijkt te zijn - aangegeven door de dambordachtergrond, die meestal staat voor transparantie in de ontwerpwereld. Onderaan dit themavoorbeeld ziet u dat er staat "Actief: TwentyTwentyThree-kind” (rode pijl).

Dit betekent dat je met succes een child-thema hebt geïnstalleerd! Het transparante themavoorbeeld vertegenwoordigt het feit dat uw kindthema alleen thema-aanpassingen bevat en dat alle andere styling- en ontwerpelementen worden weergegeven in het bovenliggende thema (in dit geval het "TwentyTwentyThree"-thema). Zorg ervoor dat u het bovenliggende thema niet verwijdert, omdat dit uw site zal verpesten. Zorg er bovendien voor dat u het bovenliggende thema up-to-date houdt (om veiligheidsredenen) door te klikken op updatelinks/meldingen die voor het thema verschijnen.

U kunt een voorbeeld van uw huidige site bekijken met het onderliggende thema ingeschakeld door te klikken op de link "Bezoek site" die verschijnt in het succesbericht (blauwe pijl in de afbeelding hierboven).

In dit geval ziet u dat mijn site gewoon wordt weergegeven als het standaard TwentyTwentyThree-thema (mijn hoofdthema – ik heb geen wijzigingen aangebracht in het TwentyTwentyThree-thema voordat ik met deze zelfstudie begon). Dat betekent dat het kindthema succesvol is geïnstalleerd!

Dat was het voor deze tutorial. Je kunt mijn andere bekijken Help-artikelen over WordPress op mijn site, of duik dieper in WordPress met mijn WordPress voor beginners 2023 – Masterclass WordPress zonder code.

Davies Media Design Gratis creatieve apps E-mailnieuwsbrief

Abonneer u op de DMD-nieuwsbrief

Meld u aan om nieuwe tutorials, cursusupdates en het laatste nieuws over uw favoriete gratis creatieve apps te ontvangen!

Je bent met succes geabboneerd!

Pin It op Pinterest