Kindthema maken in WordPress
Diversen / / November 28, 2021
Slechts een handvol WordPress-gebruikers gebruikt een child-thema en dat komt omdat veel van de gebruikers niet weten wat een child-thema is of een child-thema maken in WordPress. Welnu, de meeste mensen die WordPress gebruiken, hebben de neiging hun thema te bewerken of aan te passen, maar al die aanpassingen gaan verloren wanneer u uw thema bijwerkt en dat is waar het gebruik van een child-thema komt. Wanneer u een kindthema gebruikt, worden al uw aanpassingen opgeslagen en kunt u het bovenliggende thema eenvoudig bijwerken.
![Kindthema maken in WordPress](/f/48de2e2c06f7555f225593fc32925200.png)
Inhoud
- Kindthema maken in WordPress
- Een onderliggend thema maken op basis van een ongewijzigd bovenliggend thema
Kindthema maken in WordPress
Een onderliggend thema maken op basis van een ongewijzigd bovenliggend thema
Om een child-thema in WordPress te maken, moet je inloggen op je cPanel en naar de public_html gaan dan wp-content/themes waar je een nieuwe map moet maken voor je child-thema (voorbeeld /Twentysixteen-child/). Zorg ervoor dat er geen spaties in de naam van de onderliggende themamap staan, wat kan leiden tot fouten.
Aanbevolen: Je kan ook gebruiken Invoegtoepassing voor één klik met thema voor kinderen om een kindthema te maken (alleen van een ongewijzigd bovenliggend thema).
Nu moet je een style.css-bestand maken voor je child-thema (in de map met child-thema's die je zojuist hebt gemaakt). Nadat je het bestand hebt gemaakt, kopieer en plak je de volgende code (wijzig onderstaande details volgens de specificaties van je thema):
/* Themanaam: Twenty Sixteen Child-thema-URI: http://example.com/twenty-sixteen-child/ Beschrijving: Twenty Sixteen Child Theme Auteur: WordPress Team Auteur URI: http://example.com Sjabloon: Twentysixteen Versie: 1.3.0 Licentie: GNU General Public License v3 of later Licentie-URI: http://www.gnu.org/licenses/gpl-3.0.html. */
Opmerking: De sjabloonregel (Template: Twentysixteen) moet worden gewijzigd volgens uw huidige naam van de themamap (het bovenliggende thema waarvan we het kind maken). Het hoofdthema in ons voorbeeld is het Twenty Sixteen-thema, dus de sjabloon wordt Twenty Sixteen.
Eerder werd @import gebruikt om de stylesheet van bovenliggend naar het child-thema te laden, maar nu is het geen goede methode omdat het de hoeveelheid tijd voor het laden van de stylesheet vergroot. In plaats van @import te gebruiken, kunt u het beste PHP-functies gebruiken in uw child-thema functions.php-bestand om de stylesheet te laden.
Om het bestand Functions.php te gebruiken, moet u er een maken in de map met het onderliggende thema. Gebruik de volgende code in uw Functions.php-bestand:
php. add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles'); function my_theme_enqueue_styles() { wp_enqueue_style( 'parent-style', get_template_directory_uri(). '/stijl.css'); }
De bovenstaande code werkt alleen als uw bovenliggende thema slechts één .css-bestand gebruikt om alle CSS-code te bevatten.
Als uw child-thema style.css daadwerkelijk CSS-code bevat (zoals normaal), moet u deze ook in de wachtrij plaatsen:
php. function my_theme_enqueue_styles() { $parent_style = 'parent-style'; // Dit is 'twentyfifteen-stijl' voor het Twenty Fifteen-thema. wp_enqueue_style( $parent_style, get_template_directory_uri(). '/stijl.css'); wp_enqueue_style( 'kind-stijl', get_stylesheet_directory_uri(). '/style.css', array ($parent_style), wp_get_theme()->get('Version') ); } add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles');
Het is tijd om uw child-thema te activeren, log in op uw admin-paneel en ga vervolgens naar Uiterlijk > Thema's en activeer uw child-thema uit de beschikbare lijst met thema's.
Opmerking: Mogelijk moet u uw menu (Uiterlijk > Menu's) en thema-opties (inclusief achtergrond- en koptekstafbeeldingen) opnieuw opslaan nadat u het onderliggende thema hebt geactiveerd.
Wanneer u nu wijzigingen wilt aanbrengen in uw style.css of functions.php, kunt u dat eenvoudig doen in uw child-thema zonder de bovenliggende themamap te beïnvloeden.
Kindthema maken in WordPress vanuit je hoofdthema, maar de meesten van jullie hebben je thema al aangepast, dan zal de bovenstaande methode je helemaal niet helpen. Bekijk in dat geval hoe je een WordPress-thema bijwerkt zonder maatwerk te verliezen.
Als u hoopt dat dit artikel u heeft geholpen, maar als u nog vragen heeft over deze handleiding, kunt u deze in opmerkingen stellen.