Hvorfor skulle du aldrig tilpasse WordPress i det eksisterende overordnede tema? Hvad sker der med dine tilpasninger, når det tema, du bruger, opdateres?

Svaret er, at de er gået tabt, og dit hårde arbejde med at skabe dit websted i overensstemmelse med dit brand og dine budskabsretningslinjer og -præferencer vil også gå tabt.

Et undertema giver dig mulighed for at oprette et separat CSS-typografiark^{(child theme enables you to create a separate CSS stylesheet)} og tilføje yderligere funktionalitet, som ikke vil gå tabt eller påvirkes, når det overordnede tema opdateres.

Dette kan gøres manuelt eller ved at installere et plugin til oprettelse af børnetemaer. Lad os starte med den manuelle proces.

Opret en ny mappe^{(Create a New Directory)}

Start med at oprette en ny mappe til dit børnetema. Du kan bruge en FTP-klient^{(FTP client)} eller få adgang til dit eksisterende wp-content/themes via dit cPanel.

For at bruge cPanel skal du gå til dit hostingkontrolpanel. Vælg filhåndtering,^{(file manager)} og naviger til den mappe, hvor WordPress er installeret.

Dette er normalt i en mappe med navnet public_html . Find og åbn mappen wp-indhold^(wp-content) . Klik på opret ny mappe,^{(create new folder)} og indtast et navn til dit underetema. Sørg for at give det et navn, som du vil genkende senere. Et godt eksempel er nameofparenttheme-child .

Medtag ikke mellemrum i dit filnavn for at undgå fejl.

På grund af intern håndtering skal mappenavnet indeholde navnet på det overordnede tema (tema 'slug') som vist i eksemplet nedenfor.

Opret et CSS-stylesheet^{(Create a CSS Stylesheet)}

Stylesheets bruges i WordPress- temaer af to årsager.

• Det er placeringen af ​​stilene, der påvirker, hvordan dit websted ser ud.
• Et temas vigtigste stylesheet er, hvor WordPress søger for at finde information om temaet.

Du ønsker måske ikke at tilføje nye stile i undertemaet. Stylearket skal dog stadig eksistere for at definere detaljer såsom dit temanavn og det overordnede temanavn.

Derfor skal du oprette et nyt stylesheet til dit barn-tema. Så dit næste trin er at oprette en tekstfil til CSS - typografiarket, der definerer de regler, der styrer udseendet af dit underetema.

CSS -filen for undertemaet vil derefter have forrang over det overordnede tema.

Du skal inkludere følgende oplysninger i din tekstfil:

• Dit temas navn.
• Navnet på det overordnede temabibliotek.
• Titel og beskrivelse der giver mening.

Sørg for at inkludere følgende overskriftskommentar øverst i filen i stilarket. WordPress vil læse disse oplysninger og vide, at der bliver brugt et børnetema.

Du vil være meget opmærksom på skabelontagget. Det fortæller WordPress , hvad dit barns forældretema er. Bemærk, at mappen, hvor dit overordnede tema er placeret, skelner mellem store og små bogstaver.

Teknisk set kan du nu aktivere dit barnetema. Men hvis du vil oprette et mere komplekst undertema, skal du tilføje brugerdefinerede PHP - funktioner.

Opret en functions.php -fil i undertemaet (i samme mappe som style.css -filen du lavede). Det er her ting som yderligere postformater skal tilføjes.

Som med din CSS -fil vil ændringerne eller tilføjelserne til din PHP -fil automatisk blive flettet sammen med eller tilsidesætte forældrenes funktioner.

For ting som indlægsformater, der tilføjes med en add_theme_support() , fungerer de som tilsidesættelser i stedet for fletninger.

Når du bruger add_theme_support() , skal du tage nogle yderligere trin for at sikre, at undertemaet tilsidesætter forælderen.

Dette kan blive kompliceret, så se den nuværende WordPress Theme Review Team -leder William Pattons indlæg om brug af WordPress-indlægsformater^{( post on using WordPress post formats)} . 

Tilføj stilarter og scripts for at tilsidesætte funktionaliteten i forældretemaet^{(Add Styles & Scripts To Override Parent Theme Functionality)}

Dit næste trin er at sikre dig, at dit underetema enten arver det overordnede temas funktioner og stilarter eller afspejler de nye, du vil bruge.

Styles bruges til at ændre udseendet af din hjemmeside. Scripts forbedrer funktionaliteten. Den måde, stilarter og scripts føjes til dit WordPress- websted, er lige så vigtig som indholdet af filerne.

WordPress' kø-funktionalitet er, hvordan man opnår dette.

Enqueueing refererer til den måde, stilarter og scripts føjes til WordPress - websteder, så de kan påvirke, hvad brugerne ser, når de besøger dit websted.

Brug af adskillige plugins for at opnå det samme resultat fører ofte til kompatibilitetsproblemer og ødelagte websteder.

Wp_enqueue forbedrer ikke kun dit websteds ydeevne ved at reducere plugin-overhead, men det forbedrer også brugeroplevelsen.

Sådan bruger du 'wp_enqueue'^{(How To Use ‘wp_enqueue’)}

For at udskrive stilene til dit underordnede tema skal du bruge en funktion kaldet wp_enqueue_style() .

Denne funktion kræver et par stykker information, men den vigtigste er navnet (eller 'håndtag') og placeringen af ​​filen.

Tilføj følgende kode i functions.php -filen.^{(functions.php)}

Denne kode tilføjer typografiarket fra det overordnede bibliotek og tilføjer så også typografiarket for barnet, som vi oprettede tidligere. Bemærk, at teksten i overordnet stil^{(parent-style)} skal matche navnet på det overordnede tema med -stil^(-style) tilføjet til slutningen.

Aktiver dit barn-tema^{(Activate Your Child Theme)}

Hvis du oprettede filerne til dit underetema på serveren inde i mappen wp-content/themes/yourthemename , ville det så være tilgængeligt i dit WordPress - dashboard, så du kan aktivere det.

• Log ind på dit dashboard.
• Gå til Appearance > Themes .
• Dit barns tema skal være opført.
• Vælg Eksempel^(Preview) for at se, hvordan webstedet ser ud med det nye underordnede tema.
• Når du er tilfreds med, hvordan det ser ud, skal du klikke på Aktiver^{(Activate )} for at få det til at gå live.

Hvis du har oprettet dit underordnede tema et andet sted end på serveren i mappen wp-content/themes/yourthemename , så skal du zippe din nye underetemappe.

• Log ind på dit WordPress-dashboard.
• Gå til Appearance > Themes .
• Klik på Tilføj ny^{(Add new)} .
• Vælg Upload tema^{(Upload Theme)} .
• Træk^(Drag) din zippede fil til den nye boks, der vises, eller klik på filvælgeren og gennemse den på din computer.
• Når det er blevet uploadet, så kan du forhåndsvise det og derefter aktivere det.

Tilføj skabelonfiler^{(Add Template Files)}

For at tilsidesætte andre skabeloner kan du kopiere dem fra det overordnede tema til det underordnede tema. Alle skabelonfiler, der har samme navn i barnet som i det overordnede, fungerer som tilsidesættelser. Juster derefter indholdet af skabelonerne efter behov.

For at tilføje nye skabeloner^{(To add new templates)} , er det bare et tilfælde af at lave en ny fil med det korrekte navn og tilføje dit eget indhold. Ovenstående afsnit forklarer den manuelle proces.

Lad os nu gennemgå, hvordan man opretter børnetemaer med et WordPress - plugin.

Brug et WordPress-plugin^{(Use a WordPress Plugin)}

Log ind på dit WordPress- dashboard. Klik^(Click) på Plugins > Add New . Søg efter børnetema.^{(child theme.)}

Det første plugin, du vil se, er Child Theme Configurator . Dette er et godt valg, som det ses på skærmbilledet ovenfor, fordi det:

• Er kompatibel med den aktuelle version af WP.
• Har mange installationer.
• Blev for nylig opdateret.

Klik på Install now > Activate . Det næste trin er at navigere til Værktøjer^(Tools) og derefter vælge underordnede temaer.^{(child themes.)}

Find og vælg dit forældretema fra rullemenuen. Vælg analyser^(analyze) for at sikre, at dit tema er ok at bruge som et underetema.

Nedenfor^(Below) er en trin-for-trin vejledning om, hvordan du opsætter Child Theme Configurator . Hvis du beslutter dig for at bruge et andet WordPress- plugin, kan du også nemt finde en tutorial om, hvordan du konfigurerer det.

Som du nu ved, er børnetemaer forskellige temaer, der er afhængige af deres overordnede tema for noget af deres funktionalitet.

Når du bruger et børnetema, vil WordPress lede efter barnet før forælderen og følge barnets styling og funktionalitet, hvis det findes.

Spar dig selv for en masse tid, besvær og fremtidig hovedpine, når forældretemaet opdateres ved at oprette et barn, der ikke vil blive påvirket af opdateringen.

How To Create a WordPress Child Theme

Why should you never customize WordPresѕ in the existing parent theme? Whаt happеns to your cuѕtomizations when the theme you are usіng is updated?

The answer is they are lost, and your hard work to create your site according to your brand and messaging guidelines and preferences will also be lost.

A child theme enables you to create a separate CSS stylesheet and add additional functionality that will not be lost or affected when the parent theme is updated.

This can be done manually or by installing a child theme creator plugin. Let’s start with the manual process.

Create a New Directory

Start by creating a new directory for your child theme. You can use an FTP client or access your existing wp-content/themes directory via your cPanel.

To use cPanel, go to your hosting control panel. Select file manager and navigate to the directory where WordPress is installed.

This is usually in a directory named public_html. Locate and open the wp-content folder. Click on create new folder and input a name for your child theme. Be sure to give it a name that you will recognize later. A good example is nameofparenttheme-child.

Do not include any spaces in your file name to avoid errors.

Due to internal handling, the folder name must include the name of the parent theme (theme ‘slug’) as shown in the example below.

Create a CSS Stylesheet

Stylesheets are used in WordPress themes for two reasons.

• It is the location of the styles that affect how your site looks.
• A theme’s main stylesheet is where WordPress looks to find information about the theme.

You may not want to add any new styles in the child theme. However, the stylesheet still needs to exist to define specifics such as your theme name and the parent theme name.

Therefore, you need to create a new stylesheet for your child theme. So, your next step is to create a text file for the CSS stylesheet that will define the rules that control the look of your child theme.

The child theme CSS file will then take precedence over the parent theme.

You need to include the following information in your text file:

• Your theme’s name.
• The name of the parent theme directory.
• Title and description that makes sense.

Be sure to include in the stylesheet the following header comment at the top of the file. WordPress will read this information and know that a child theme is being used.

You want to pay close attention to the template tag. It tells WordPress what the parent theme of your child is. Note that the folder where your parent theme is located is case sensitive.

Technically, you can now activate your child theme. However, if you want to create a more complex child theme, you will need to add custom PHP functions.

Create a functions.php file in the child theme (in the same directory as the style.css file you made). This is where things like additional post formats should be added.

As with your CSS file, the changes or additions to your PHP file will automatically be merged with or override the parent’s functions.

For things like post formats that are added with an add_theme_support(), they act as overrides instead of merges.

When using add_theme_support(), you need to take some additional steps to ensure that the child theme overrides the parent.

This can get complicated, so refer to the current WordPress Theme Review Team lead William Patton’s post on using WordPress post formats. 

Add Styles & Scripts To Override Parent Theme Functionality

Your next step is to make sure your child theme either inherits the parent theme’s features and styles or reflects the new ones you want to use.

Styles are used to changing the appearance of your website. Scripts enhance functionality. The way styles and scripts are added to your WordPress site is as essential as the contents of the files.

WordPress’ enqueue functionality is how to get this accomplished.

Enqueueing refers to the way styles and scripts are added to WordPress sites so that they can affect what users see when they visit your site.

Using numerous plugins to achieve the same result often leads to compatibility issues and broken sites.

Wp_enqueue not only improves your website’s performance by way of reducing plugin overhead, but it also enhances the user experience.

How To Use ‘wp_enqueue’

To output the styles for your child theme, you will need to use a function called wp_enqueue_style().

This function takes a few bits of information, but the most important is the name (or ‘handle’) and the location of the file.

Inside the functions.php file add the following code.

This code adds the stylesheet from the parent directory and then also adds the stylesheet for the child which we created earlier. Note that the parent-style text should match the name of the parent theme with -style added to the end.

Activate Your Child Theme

If you created the files for your child theme on the server inside the wp-content/themes/yourthemename folder, it would then be available in your WordPress dashboard for you to activate.

• Log into your dashboard.
• Go to Appearance > Themes.
• Your child theme should be listed.
• Select Preview to see how the site looks with the new child theme.
• Once you are satisfied with how it looks, click Activate to make it go live.

If you created your child theme somewhere other than on the server in the wp-content/themes/yourthemename folder, then you should zip your new child theme folder.

• Log into your WordPress dashboard.
• Go to Appearance > Themes.
• Click Add new.
• Choose Upload Theme.
• Drag your zipped file to the new box that appears or click the file selector and browse to it on your computer.
• Once it has been uploaded, then you can preview it and then activate it.

Add Template Files

To override other templates, you can copy them from the parent theme into the child theme. Any template files that have the same name in the child as in the parent act as overrides. Then adjust the contents of the templates as needed.

To add new templates, it’s just a case of making a new file with the correct name and adding your own content. The above section explains the manual process.

Now let’s go over how to create child themes with a WordPress plugin.

Use a WordPress Plugin

Log into your WordPress dashboard. Click on Plugins > Add New. Search for child theme.

The first plugin you will see is the Child Theme Configurator. This is a good choice, as seen in the screenshot above, because it:

• Is compatible with the current version of WP.
• Has a lot of installations.
• Was recently updated.

Click on Install now > Activate. The next step is to navigate to Tools and then select child themes.

Find and select your parent theme from the drop-down menu. Choose analyze to make sure your theme is ok to use as a child theme.

Below is a step-by-step tutorial on how to set up Child Theme Configurator. If you decide to use a different WordPress plugin, you can easily find a tutorial on how to set it up as well.

As you now know, child themes are distinct themes that rely on their parent theme for some of their functionality.

When you use a child theme, WordPress will look for the child before the parent and follow the styling and functionality of the child if it exists.

Save yourself a lot of time, trouble, and future headaches when the parent theme updates by creating a child that will not be affected by the update.

Related posts

• Oprettelse af børnetema i WordPress

• Sådan opsætter du din egen Twitter-lignende hjemmeside ved hjælp af WordPress' P2-tema

• Sådan flytter du WordPress-websted fra en vært til en anden

• Sådan installeres og konfigureres WordPress på Microsoft Azure

• Sådan kører du lynhurtigt WordPress på Microsoft Azure

• Det bedste blogskriveformat til at få dine point på tværs

• Sådan konfigurerer du privatlivets fred i WordPress og hvorfor det er vigtigt

• Sådan bruger du WP Super Cache på WordPress blog

• Sådan ændrer du din WordPress-login-URL for bedre sikkerhed

• Sådan beskytter du sider med adgangskode på dit WordPress-websted

• Omdiriger brugere fra 404 side i WordPress

• Sådan bygger du en Wix-blog, der er lige så god som WordPress

• Wix vs WordPress: Hvilken er bedst til at oprette din hjemmeside?

• WordPress Gutenberg Tutorial: Sådan bruger du den nye editor

• Vis uddraget på hjemmesiden til WordPress-bloggen

• Sådan installeres et WordPress-testwebsted på din computer

• Sådan opsætter du WordPress manuelt på et domæne

• 9 skal have plugins til nye WordPress-installationer

• Sådan installeres et tema på WordPress

• 10 essentielle WordPress-plugins til et websted for små virksomheder