Zašto nikada ne biste trebali prilagoditi WordPress u postojećoj nadređenoj temi? Što se događa s vašim prilagodbama kada se tema koju koristite ažurira?

Odgovor je da su izgubljeni, a izgubit će se i vaš naporan rad na izradi web-mjesta u skladu s vašom robnom markom i smjernicama i preferencijama za slanje poruka.

Podređena tema omogućuje vam da napravite zasebnu CSS tablicu stilova^{(child theme enables you to create a separate CSS stylesheet)} i dodate dodatnu funkcionalnost koja neće biti izgubljena ili pogođena kada se nadređena tema ažurira.

To se može učiniti ručno ili instaliranjem dodatka za kreiranje dječje teme. Počnimo s ručnim postupkom.

Napravite novi imenik^{(Create a New Directory)}

Započnite^(Start) stvaranjem novog direktorija za svoju dječju temu. Možete koristiti FTP klijent^{(FTP client)} ili pristupiti postojećem direktoriju wp-content/themes putem cPanela.

Za korištenje cPanela idite na svoju upravljačku ploču hostinga. Odaberite upravitelj datoteka^{(file manager)} i idite do direktorija u kojem je instaliran WordPress .

To se obično nalazi u direktoriju pod nazivom public_html . Pronađite i otvorite mapu wp-content . Kliknite na stvori novu mapu^{(create new folder)} i unesite naziv za svoju dječju temu. Svakako mu dajte ime koje ćete kasnije prepoznati. Dobar primjer je nameofparenttheme-child .

Nemojte uključivati ​​razmake u naziv datoteke kako biste izbjegli pogreške.

Zbog internog rukovanja, naziv mape mora sadržavati naziv nadređene teme (tema 'slug') kao što je prikazano u primjeru ispod.

Napravite CSS tablicu stilova^{(Create a CSS Stylesheet)}

Stilski listovi se koriste u WordPress temama iz dva razloga.

• To je mjesto stilova koji utječu na izgled vaše stranice.
• Glavna tablica stilova teme je mjesto gdje WordPress traži informacije o temi.

Možda nećete htjeti dodavati nove stilove u podređenu temu. Međutim, tablica stilova i dalje mora postojati da bi se definirale pojedinosti kao što su naziv vaše teme i naziv nadređene teme.

Stoga morate stvoriti novu tablicu stilova za svoju dječju temu. Dakle, vaš sljedeći korak je stvaranje tekstualne datoteke za CSS stylesheet koja će definirati pravila koja kontroliraju izgled vaše dječje teme.

CSS datoteka podređene teme tada će imati prednost nad nadređenom temom.

U tekstualnu datoteku morate uključiti sljedeće podatke:

• Naziv vaše teme.
• Naziv direktorija nadređene teme.
• Naslov i opis koji ima smisla.

Obavezno uključite u tablicu stilova sljedeći komentar zaglavlja na vrhu datoteke. WordPress će pročitati ove informacije i znati da se koristi podređena tema.

Želite obratiti veliku pozornost na oznaku predloška. Govori WordPressu^(WordPress) koja je roditeljska tema vašeg djeteta. Imajte na umu da mapa u kojoj se nalazi vaša nadređena tema razlikuje velika i mala slova.

Tehnički, sada možete aktivirati svoju dječju temu. Međutim, ako želite stvoriti složeniju podređenu temu, morat ćete dodati prilagođene PHP funkcije.

Izradite datoteku functions.php u podređenoj temi (u istom direktoriju kao i datoteka style.css koju ste napravili). Ovdje treba dodati stvari poput dodatnih formata postova.

Kao i kod vaše CSS datoteke, promjene ili dodaci vašoj PHP datoteci automatski će se spojiti s nadređenim funkcijama ili ih nadjačati.

Za stvari kao što su formati postova koji se dodaju s add_theme_support() , oni djeluju kao nadjačavanja umjesto spajanja.

Kada koristite add_theme_support() , morate poduzeti neke dodatne korake kako biste osigurali da podređena tema nadjača nadređenu.

Ovo može postati komplicirano, stoga pogledajte trenutnu objavu tima za recenziju WordPress teme^{(WordPress Theme Review Team)} Williama Pattona o korištenju formata WordPress objava^{( post on using WordPress post formats)} . 

Dodajte stilove i skripte da biste nadjačali funkcionalnost roditeljske teme^{(Add Styles & Scripts To Override Parent Theme Functionality)}

Vaš sljedeći korak je osigurati da vaša podređena tema ili nasljeđuje značajke i stilove nadređene teme ili odražava nove koje želite koristiti.

Stilovi se koriste za promjenu izgleda vaše web stranice. Skripte^(Scripts) poboljšavaju funkcionalnost. Način na koji se stilovi i skripte dodaju vašoj WordPress stranici jednako je bitan kao i sadržaj datoteka.

WordPressova funkcija čekanja je kako to postići.

Stavljanje u red se odnosi na način na koji se stilovi i skripte dodaju WordPress stranicama tako da mogu utjecati na ono što korisnici vide kada posjećuju vašu stranicu.

Korištenje brojnih dodataka za postizanje istog rezultata često dovodi do problema s kompatibilnošću i neispravnih stranica.

Wp_enqueue ne samo da poboljšava performanse vaše web stranice smanjenjem dodatnih troškova dodatka, već i poboljšava korisničko iskustvo.

Kako koristiti 'wp_enqueue'^{(How To Use ‘wp_enqueue’)}

Za izlaz stilova za svoju podređenu temu, morat ćete koristiti funkciju zvanu wp_enqueue_style() .

Ova funkcija uzima nekoliko bitova informacija, ali najvažniji su naziv (ili 'handle') i mjesto datoteke.

Unutar datoteke functions.php dodajte sljedeći kod.

Ovaj kod dodaje tablicu stilova iz roditeljskog direktorija, a zatim također dodaje stilsku tablicu za dijete koju smo kreirali ranije. Imajte na umu da tekst u nadređenom stilu^{(parent-style)} treba odgovarati nazivu nadređene teme s dodan -style na kraju.

Aktivirajte svoju dječju temu^{(Activate Your Child Theme)}

Ako ste kreirali datoteke za svoju podređenu temu na poslužitelju unutar mape wp-content/themes/yourthemename , one bi tada bile dostupne na vašoj nadzornoj ploči WordPressa^(WordPress) za aktivaciju.

• Prijavite se na svoju nadzornu ploču.
• Idite na Appearance > Themes .
• Vaša dječja tema treba biti navedena.
• Odaberite Pregled^(Preview) da biste vidjeli kako stranica izgleda s novom podređenom temom.
• Kada budete zadovoljni kako izgleda, kliknite Aktiviraj^{(Activate )} kako biste ga objavili.

Ako ste svoju podređenu temu stvorili negdje drugdje osim na poslužitelju u mapi wp-content/themes/yourthemename , trebali biste zipovati svoju novu mapu podređene teme.

• Prijavite se na svoju WordPress nadzornu ploču.
• Idite na Appearance > Themes .
• Kliknite Dodaj novo^{(Add new)} .
• Odaberite Prenesi temu^{(Upload Theme)} .
• Povucite^(Drag) komprimiranu datoteku u novi okvir koji se pojavi ili kliknite birač datoteka i dođite do njega na računalu.
• Nakon što je prenesen, možete ga pregledati i zatim aktivirati.

Dodajte datoteke predložaka^{(Add Template Files)}

Da biste nadjačali druge predloške, možete ih kopirati iz nadređene teme u podređenu temu. Sve datoteke predložaka koje imaju isti naziv u podređenom kao i u roditelju djeluju kao nadjačavanja. Zatim prilagodite sadržaj predložaka prema potrebi.

Da biste dodali nove predloške^{(To add new templates)} , to je samo slučaj da napravite novu datoteku s ispravnim nazivom i dodate svoj vlastiti sadržaj. Gornji odjeljak objašnjava ručni postupak.

Sada idemo na to kako stvoriti podređene teme pomoću WordPress dodatka.

Koristite dodatak za WordPress^{(Use a WordPress Plugin)}

Prijavite^(Log) se na svoju WordPress nadzornu ploču. Kliknite^(Click) na Plugins > Add New . Potražite dječju temu.^{(child theme.)}

Prvi dodatak koji ćete vidjeti je Child Theme Configurator . Ovo je dobar izbor, kao što se vidi na gornjoj snimci zaslona, ​​jer:

• Kompatibilan je s trenutnom verzijom WP-a.
• Ima puno instalacija.
• Nedavno ažurirano.

Kliknite na Install now > Activate . Sljedeći korak je navigacija do Alati^(Tools) , a zatim odabir podređenih tema.^{(child themes.)}

Pronađite^(Find) i odaberite svoju roditeljsku temu s padajućeg izbornika. Odaberite analizu^(analyze) kako biste bili sigurni da je vaša tema u redu za korištenje kao podređenu temu.

U nastavku^(Below) je vodič korak po korak o tome kako postaviti konfigurator dječje teme^{(Child Theme Configurator)} . Ako odlučite koristiti neki drugi dodatak za WordPress , lako možete pronaći vodič o tome kako ga postaviti.

Kao što sada znate, dječje teme su različite teme koje se oslanjaju na svoju roditeljsku temu za neke od svojih funkcionalnosti.

Kada koristite podređenu temu, WordPress će tražiti dijete prije roditelja i pratiti stil i funkcionalnost djeteta ako postoji.

Uštedite si puno vremena, nevolja i budućih glavobolja kada se roditeljska tema ažurira stvaranjem djeteta na koje ažuriranje neće utjecati.

How To Create a WordPress Child Theme

Why should you never customize WordPress in the existing рarent 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

• Izrada dječje teme u WordPressu

• Kako postaviti vlastitu web stranicu nalik Twitteru koristeći WordPress P2 temu

• Kako premjestiti WordPress stranicu s jednog hosta na drugi

• Kako instalirati i postaviti WordPress na Microsoft Azure

• Kako pokrenuti nevjerovatno brz WordPress na Microsoft Azureu

• Kako instalirati WordPress na Google Cloud Platformu

• Kako učiniti WordPress web mjesto sigurnim

• Kako ukloniti zlonamjerni softver sa svoje WordPress stranice

• Kako prijeći s klasičnog WordPress uređivača na Gutenberg

• Kako ažurirati PHP u WordPressu

• Kako dodati plutajuću bočnu traku u Wordpress

• Morate imati WordPress Yoast SEO postavke 2022

• Zaštitite i zaštitite WordPress web stranicu od hakera

• WordPress Gutenberg Vodič: Kako koristiti novi uređivač

• Kako koristiti Lumen5 da svoj blog post pretvorite u video

• Kako ubrzati WordPress stranicu u 11 koraka

• Kako povećati performanse u WordPress-u kroz čišćenje baze podataka

• 8 besplatnih Premium WordPress tema za instalaciju

• 10 osnovnih WordPress dodataka za web stranicu male tvrtke

• Kako instalirati temu na WordPress