Prečo by ste nikdy nemali prispôsobovať WordPress v existujúcej nadradenej téme? Čo sa stane s vašimi prispôsobeniami, keď sa aktualizuje motív, ktorý používate?

Odpoveď je, že sú stratené a vaša tvrdá práca na vytvorení vašej stránky podľa pokynov a preferencií vašej značky a správ bude stratená.

Podradená téma vám umožňuje vytvoriť samostatnú šablónu so štýlmi CSS^{(child theme enables you to create a separate CSS stylesheet)} a pridať ďalšie funkcie, ktoré sa pri aktualizácii nadradenej témy nestratia ani neovplyvnia.

Môžete to urobiť manuálne alebo inštaláciou doplnku na vytváranie podradených tém. Začnime s manuálnym procesom.

Vytvorte nový adresár^{(Create a New Directory)}

Začnite^(Start) vytvorením nového adresára pre vašu detskú tému. Môžete použiť FTP klienta^{(FTP client)} alebo pristupovať k svojmu existujúcemu adresáru wp-content/themes cez váš cPanel.

Ak chcete použiť cPanel, prejdite na ovládací panel hostiteľa. Vyberte správcu súborov^{(file manager)} a prejdite do adresára, kde je nainštalovaný WordPress .

Zvyčajne sa nachádza v adresári s názvom public_html . Vyhľadajte a otvorte priečinok wp-content . Kliknite na vytvoriť nový priečinok^{(create new folder)} a zadajte názov pre svoju detskú tému. Nezabudnite mu dať názov, ktorý neskôr spoznáte. Dobrým príkladom je nameofparenttheme-child .

Do názvu súboru nevkladajte žiadne medzery, aby ste sa vyhli chybám.

Z dôvodu internej manipulácie musí názov priečinka obsahovať názov nadradenej témy (téma 'slug'), ako je uvedené v príklade nižšie.

Vytvorte šablónu so štýlmi CSS^{(Create a CSS Stylesheet)}

Šablóny so štýlmi sa používajú v témach WordPress z dvoch dôvodov.

• Je to umiestnenie štýlov, ktoré ovplyvňujú vzhľad vášho webu.
• Hlavná šablóna so štýlmi témy je miesto, kde WordPress hľadá informácie o téme.

Do podradenej témy možno nebudete chcieť pridať žiadne nové štýly. Šablóna štýlov však stále musí existovať, aby bolo možné definovať špecifiká, ako je názov vašej témy a názov nadradenej témy.

Preto musíte vytvoriť novú šablónu so štýlmi pre tému vášho dieťaťa. Ďalším krokom je teda vytvorenie textového súboru pre šablónu so štýlmi CSS , ktorá bude definovať pravidlá, ktoré riadia vzhľad vašej podradenej témy.

Súbor CSS^(CSS) podriadenej témy bude mať potom prednosť pred nadradenou témou.

Do textového súboru musíte zahrnúť nasledujúce informácie:

• Názov vašej témy.
• Názov nadradeného adresára témy.
• Názov a popis, ktorý dáva zmysel.

Nezabudnite do šablóny so štýlmi zahrnúť nasledujúci komentár hlavičky v hornej časti súboru. WordPress si tieto informácie prečíta a bude vedieť, že sa používa podradená téma.

Chcete venovať veľkú pozornosť značke šablóny. Povie WordPressu^(WordPress) , aká je rodičovská téma vášho dieťaťa. Upozorňujeme, že priečinok, v ktorom sa nachádza váš nadradený motív, rozlišuje veľké a malé písmená.

Technicky teraz môžete aktivovať svoju detskú tému. Ak však chcete vytvoriť komplexnejšiu podradenú tému, budete musieť pridať vlastné funkcie PHP .

Vytvorte súbor functions.php v podradenej téme (v rovnakom adresári ako súbor style.css , ktorý ste vytvorili). Tu by sa mali pridať veci, ako sú ďalšie formáty príspevkov.

Rovnako ako v prípade vášho súboru CSS sa zmeny alebo doplnky do vášho súboru PHP automaticky zlúčia s funkciami rodiča alebo ich prepíšu.

Pri veciach, ako sú formáty príspevkov, ktoré sa pridávajú pomocou add_theme_support() , fungujú ako prepisy namiesto zlúčenia.

Keď používate add_theme_support() , musíte vykonať niekoľko ďalších krokov, aby ste zabezpečili, že podradená téma prepíše nadradenú tému.

Môže sa to skomplikovať, preto si pozrite príspevok^{( post on using WordPress post formats)} Williama Pattona o používaní formátov príspevkov WordPress od aktuálneho tímu na kontrolu tém^{(WordPress Theme Review Team)} WordPress . 

Pridajte štýly a skripty na prepísanie funkčnosti nadradenej témy^{(Add Styles & Scripts To Override Parent Theme Functionality)}

Ďalším krokom je zabezpečiť, aby váš podradený motív buď zdedil funkcie a štýly nadradeného motívu, alebo odrážal nové, ktoré chcete použiť.

Štýly sa používajú na zmenu vzhľadu vašej webovej stránky. Skripty^(Scripts) zlepšujú funkčnosť. Spôsob, akým sa štýly a skripty pridávajú na váš web WordPress , je rovnako dôležitý ako obsah súborov.

Funkcia frontu WordPress je spôsob, ako to dosiahnuť.

Radenie sa týka spôsobu, akým sa štýly a skripty pridávajú na stránky WordPress , aby mohli ovplyvniť to, čo používatelia uvidia, keď navštívia vašu stránku.

Používanie mnohých doplnkov na dosiahnutie rovnakého výsledku často vedie k problémom s kompatibilitou a nefunkčným webom.

Wp_enqueue nielenže zlepšuje výkon vášho webu znížením réžie doplnku, ale zlepšuje aj používateľskú skúsenosť.

Ako používať „wp_enqueue“^{(How To Use ‘wp_enqueue’)}

Na výstup štýlov pre vašu podradenú tému budete musieť použiť funkciu s názvom wp_enqueue_style() .

Táto funkcia zaberá niekoľko bitov informácií, ale najdôležitejší je názov (alebo „handle“) a umiestnenie súboru.

Do súboru functions.php pridajte nasledujúci kód.

Tento kód pridá šablónu štýlov z nadradeného adresára a potom tiež pridá šablónu štýlov pre potomka, ktorý sme vytvorili predtým. Všimnite si, že text nadradeného štýlu^{(parent-style)} by sa mal zhodovať s názvom nadradenej témy s -style pridaným na koniec.

Aktivujte si tému svojho dieťaťa^{(Activate Your Child Theme)}

Ak ste vytvorili súbory pre svoju podradenú tému na serveri v priečinku wp-content/themes/yourthemename , budete ju môcť aktivovať na hlavnom paneli WordPress .

• Prihláste sa na svoj informačný panel.
• Prejdite do Appearance > Themes .
• Mala by byť uvedená téma vášho dieťaťa.
• Ak chcete vidieť, ako stránka vyzerá s novým podradeným motívom, vyberte položku Náhľad .^(Preview)
• Keď budete spokojní s tým, ako vyzerá, kliknite na položku Aktivovať^{(Activate )} , aby sa aktivovala.

Ak ste vytvorili svoju podradenú tému niekde inde ako na serveri v priečinku wp-content/themes/yourthemename , potom by ste mali komprimovať novú zložku podradenej témy.

• Prihláste sa do svojho hlavného panela WordPress.
• Prejdite do Appearance > Themes .
• Kliknite na Pridať nový^{(Add new)} .
• Vyberte Nahrať motív^{(Upload Theme)} .
• Presuňte^(Drag) skomprimovaný súbor do nového poľa, ktoré sa zobrazí, alebo kliknite na výber súboru a vyhľadajte ho v počítači.
• Po nahratí si ho môžete pozrieť a potom ho aktivovať.

Pridať súbory šablón^{(Add Template Files)}

Ak chcete prepísať iné šablóny, môžete ich skopírovať z nadradenej témy do podradenej témy. Akékoľvek súbory šablón, ktoré majú rovnaký názov v podradenom ako v nadradenom, fungujú ako prepísania. Potom upravte obsah šablón podľa potreby.

Ak chcete pridať nové šablóny^{(To add new templates)} , stačí vytvoriť nový súbor so správnym názvom a pridať vlastný obsah. Vyššie uvedená časť vysvetľuje manuálny proces.

Teraz sa pozrime na to, ako vytvoriť podradené témy pomocou doplnku WordPress .

Použite doplnok WordPress^{(Use a WordPress Plugin)}

Prihláste^(Log) sa do svojho hlavného panela WordPress . Kliknite^(Click) na Plugins > Add New . Vyhľadajte detskú tému.^{(child theme.)}

Prvý plugin, ktorý uvidíte, je Child Theme Configurator . Toto je dobrá voľba, ako je vidieť na obrázku vyššie, pretože:

• Je kompatibilný s aktuálnou verziou WP.
• Má veľa inštalácií.
• Nedávno bol aktualizovaný.

Kliknite na Install now > Activate . Ďalším krokom je prejsť na Nástroje^(Tools) a potom vybrať podradené motívy.^{(child themes.)}

Nájdite^(Find) a vyberte svoj nadradený motív z rozbaľovacej ponuky. Vyberte analyzovať^(analyze) , aby ste sa uistili, že váš motív je v poriadku použiť ako detský motív.

Nižšie^(Below) je uvedený podrobný návod, ako nastaviť konfigurátor detských tém^{(Child Theme Configurator)} . Ak sa rozhodnete použiť iný doplnok WordPress , ľahko nájdete aj návod, ako ho nastaviť.

Ako už viete, podradené motívy sú odlišné témy, ktoré sa pri niektorých funkciách spoliehajú na nadradenú tému.

Keď použijete podradenú tému, WordPress vyhľadá dieťa pred rodičom a bude sledovať štýl a funkčnosť dieťaťa, ak existuje.

Ušetrite si veľa času, problémov a budúcich bolestí hlavy, keď sa nadradená téma aktualizuje, vytvorením potomka, ktorého aktualizácia neovplyvní.

How To Create a WordPress Child Theme

Why should yоu neνer cuѕtomize WordPress in the existing parent theme? What hapрens 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

• Vytvorenie detskej témy vo WordPress

• Ako si vytvoriť svoj vlastný web podobný Twitteru pomocou témy P2 WordPress

• Ako presunúť web WordPress z jedného hostiteľa na druhého

• Ako nainštalovať a nastaviť WordPress na Microsoft Azure

• Ako spustiť bleskovo rýchly WordPress na Microsoft Azure

• Ako skontrolovať, či je webová stránka zakázaná v službe AdSense

• Ako nakonfigurovať súkromie vo WordPress a prečo je to dôležité

• Presmerujte používateľov zo stránky 404 vo WordPress

• Ukážte úryvok na domovskej stránke blogu WordPress

• 10 základných doplnkov WordPress pre webovú stránku pre malé firmy

• Výukový program WordPress Gutenberg: Ako používať nový editor

• Ako používať WP Super Cache na blogu WordPress

• Squarespace vs WordPress: Ktorá je lepšia platforma stránok?

• Recenzia knihy: Vytvorte si svoj vlastný web: Komiksový sprievodca HTML, CSS a Wordpress

• Ako zrýchliť web WordPress v 11 krokoch

• Ako zálohovať svoje stránky WordPress

• Ako zrýchliť akúkoľvek stránku WordPress pomocou .HTACCESS

• Ako sledovať nefunkčné odkazy pomocou Nástroja správcu webu Google

• Ako vytvoriť blog Wix, ktorý je rovnako dobrý ako WordPress

• Ako vykonávať efektívne rozdelené testy vo WordPress