Varför ska du aldrig anpassa WordPress i det befintliga överordnade temat? Vad händer med dina anpassningar när temat du använder uppdateras?

Svaret är att de går förlorade, och ditt hårda arbete för att skapa din webbplats enligt ditt varumärke och riktlinjer och preferenser för meddelanden kommer också att gå förlorat.

Ett underordnat tema gör att du kan skapa en separat CSS-stilmall^{(child theme enables you to create a separate CSS stylesheet)} och lägga till ytterligare funktioner som inte kommer att gå förlorade eller påverkas när det överordnade temat uppdateras.

Detta kan göras manuellt eller genom att installera ett plugin för att skapa ett barntema. Låt oss börja med den manuella processen.

Skapa en ny katalog^{(Create a New Directory)}

Börja^(Start) med att skapa en ny katalog för ditt barntema. Du kan använda en FTP-klient^{(FTP client)} eller komma åt din befintliga wp-content/themes katalog via din cPanel.

För att använda cPanel, gå till din värdkontrollpanel. Välj filhanterare^{(file manager)} och navigera till katalogen där WordPress är installerat.

Detta är vanligtvis i en katalog som heter public_html . Leta upp och öppna mappen wp-content . Klicka på skapa ny mapp^{(create new folder)} och ange ett namn för ditt barntema. Se till att ge den ett namn som du kommer att känna igen senare. Ett bra exempel är nameofparenttheme-child .

Inkludera inga mellanslag i ditt filnamn för att undvika fel.

På grund av intern hantering måste mappnamnet innehålla namnet på det överordnade temat (temat 'snigel') som visas i exemplet nedan.

Skapa en CSS-stilmall^{(Create a CSS Stylesheet)}

Stilmallar används i WordPress- teman av två anledningar.

• Det är platsen för stilarna som påverkar hur din webbplats ser ut.
• Ett temas huvudsakliga stilmall är var WordPress letar för att hitta information om temat.

Du kanske inte vill lägga till några nya stilar i det underordnade temat. Men stilmallen måste fortfarande finnas kvar för att definiera detaljer som ditt temanamn och det överordnade temanamnet.

Därför måste du skapa en ny stilmall för ditt barntema. Så ditt nästa steg är att skapa en textfil för CSS - formatmallen som kommer att definiera reglerna som styr utseendet på ditt barntema.

CSS -filen under temat kommer då att ha företräde framför det överordnade temat.

Du måste inkludera följande information i din textfil:

• Ditt temas namn.
• Namnet på den överordnade temakatalogen.
• Titel och beskrivning som är vettiga.

Se till att inkludera följande rubrikkommentar i formatmallen högst upp i filen. WordPress kommer att läsa denna information och vet att ett barntema används.

Du vill vara mycket uppmärksam på malltaggen. Den berättar för WordPress vad ditt barns föräldratema är. Observera att mappen där ditt överordnade tema finns är skiftlägeskänslig.

Tekniskt sett kan du nu aktivera ditt barntema. Men om du vill skapa ett mer komplext barntema måste du lägga till anpassade PHP- funktioner.

Skapa en functions.php -fil i det underordnade temat (i samma katalog som style.css -filen du skapade). Det är här saker som ytterligare inläggsformat bör läggas till.

Precis som med din CSS -fil kommer ändringarna eller tilläggen till din PHP -fil automatiskt att slås samman med eller åsidosätta förälderns funktioner.

För saker som inläggsformat som läggs till med en add_theme_support() fungerar de som åsidosättanden istället för sammanslagningar.

När du använder add_theme_support() måste du vidta några ytterligare steg för att säkerställa att det underordnade temat åsidosätter föräldern.

Det här kan bli komplicerat, så se William Pattons nuvarande WordPress Theme Review Teams ^{(WordPress Theme Review Team)}inlägg om hur du använder WordPress-inläggsformat^{( post on using WordPress post formats)} . 

Lägg till stilar och skript för att åsidosätta funktionalitet för överordnad tema^{(Add Styles & Scripts To Override Parent Theme Functionality)}

Ditt nästa steg är att se till att ditt barntema antingen ärver det överordnade temats funktioner och stilar eller återspeglar de nya du vill använda.

Stilar används för att ändra utseendet på din webbplats. Skript^(Scripts) förbättrar funktionaliteten. Sättet som stilar och skript läggs till på din WordPress- webbplats är lika viktigt som innehållet i filerna.

WordPress köfunktionalitet är hur man får detta att åstadkomma.

Enqueueing hänvisar till hur stilar och skript läggs till på WordPress- webbplatser så att de kan påverka vad användarna ser när de besöker din webbplats.

Att använda flera plugins för att uppnå samma resultat leder ofta till kompatibilitetsproblem och trasiga webbplatser.

Wp_enqueue förbättrar inte bara din webbplats prestanda genom att minska plugin-overhead, utan det förbättrar också användarupplevelsen.

Hur man använder 'wp_enqueue'^{(How To Use ‘wp_enqueue’)}

För att mata ut stilarna för ditt barntema måste du använda en funktion som heter wp_enqueue_style() .

Den här funktionen kräver några informationsbitar, men den viktigaste är namnet (eller 'handtaget') och platsen för filen.

Inuti functions.php -filen lägg till följande kod.

Denna kod lägger till stilmallen från den överordnade katalogen och lägger sedan till stilmallen för det underordnade som vi skapade tidigare. Observera att texten i överordnad stil^{(parent-style)} ska matcha namnet på det överordnade temat med -stil^(-style) tillagd i slutet.

Aktivera ditt barn-tema^{(Activate Your Child Theme)}

Om du skapade filerna för ditt barntema på servern i mappen wp-content/themes/yourthemename , skulle det sedan vara tillgängligt i din WordPress- instrumentpanel för dig att aktivera.

• Logga in på din instrumentpanel.
• Gå till Appearance > Themes .
• Ditt barntema bör anges.
• Välj Förhandsgranska^(Preview) för att se hur webbplatsen ser ut med det nya underordnade temat.
• När du är nöjd med hur det ser ut klickar du på Aktivera^{(Activate )} för att få det att gå live.

Om du skapade ditt underordnade tema någon annanstans än på servern i mappen wp-content/themes/yourthemename , bör du zippa din nya underordnade temamapp.

• Logga in på din WordPress-instrumentpanel.
• Gå till Appearance > Themes .
• Klicka på Lägg till ny^{(Add new)} .
• Välj Ladda upp tema^{(Upload Theme)} .
• Dra^(Drag) din zippade fil till den nya rutan som visas eller klicka på filväljaren och bläddra till den på din dator.
• När den har laddats upp kan du förhandsgranska den och sedan aktivera den.

Lägg till mallfiler^{(Add Template Files)}

För att åsidosätta andra mallar kan du kopiera dem från det överordnade temat till det underordnade temat. Alla mallfiler som har samma namn i den underordnade som i den överordnade fungerar som åsidosättanden. Justera sedan innehållet i mallarna efter behov.

För att lägga till nya mallar^{(To add new templates)} är det bara att skapa en ny fil med rätt namn och lägga till ditt eget innehåll. Avsnittet ovan förklarar den manuella processen.

Låt oss nu gå igenom hur man skapar barnteman med ett WordPress- plugin.

Använd ett WordPress-plugin^{(Use a WordPress Plugin)}

Logga^(Log) in på din WordPress- instrumentpanel. Klicka^(Click) på Plugins > Add New . Sök efter barntema.^{(child theme.)}

Den första plugin du kommer att se är Child Theme Configurator . Detta är ett bra val, som ses i skärmdumpen ovan, eftersom det:

• Är kompatibel med den aktuella versionen av WP.
• Har många installationer.
• Blev nyligen uppdaterad.

Klicka på Install now > Activate . Nästa steg är att navigera till Verktyg^(Tools) och sedan välja underordnade teman.^{(child themes.)}

Hitta^(Find) och välj ditt överordnade tema från rullgardinsmenyn. Välj analysera^(analyze) för att se till att ditt tema är ok att använda som ett barntema.

Nedan^(Below) finns en steg-för-steg handledning om hur du ställer in Child Theme Configurator . Om du bestämmer dig för att använda ett annat WordPress- plugin, kan du enkelt hitta en handledning om hur du ställer in det också.

Som du nu vet är barnteman distinkta teman som förlitar sig på deras överordnade tema för en del av sin funktionalitet.

När du använder ett barntema kommer WordPress att leta efter barnet före föräldern och följa barnets design och funktion om det finns.

Spara dig själv mycket tid, problem och framtida huvudvärk när föräldratemat uppdateras genom att skapa ett barn som inte kommer att påverkas av uppdateringen.

How To Create a WordPress Child Theme

Why should you never customize WordPress in the existing pаrent theme? What happens to your customizations when the theme you are using 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

• Skapa barntema i WordPress

• Hur du skapar din egen Twitter-liknande webbplats med WordPress P2-tema

• Hur man flyttar WordPress-webbplats från en värd till en annan

• Hur man installerar och ställer in WordPress på Microsoft Azure

• Hur man kör blixtrande snabbt WordPress på Microsoft Azure

• Hur man lägger till en flytande sidofält i Wordpress

• Skydda och säkra WordPress-webbplatsen från hackare

• 11 bästa WordPress Podcast Plugins

• Omdirigera användare från 404-sidan i WordPress

• Hur du ändrar din WordPress-inloggningsadress för bättre säkerhet

• Hur du hittar din WordPress-administratörsinloggning

• 8 gratis Premium WordPress-teman att installera

• Squarespace vs WordPress: Vilken är den bättre webbplatsplattformen?

• Hur man duplicerar en sida i WordPress

• Hur man manuellt ställer in WordPress på en domän

• WordPress Gutenberg Handledning: Hur man använder den nya redigeraren

• De 3 bästa SEO-plugins för WordPress

• Hur man konfigurerar sekretess i WordPress och varför det är viktigt

• Hur man gör en WordPress-webbplats säker

• 10 viktiga WordPress-plugins för en webbplats för småföretag