Miksi sinun ei pitäisi koskaan mukauttaa WordPressiä^(WordPress) olemassa olevassa yläteemassa? Mitä mukautuksillesi tapahtuu, kun käyttämäsi teema päivitetään?

Vastaus on, että ne ovat kadonneet, ja myös kova työsi luoda sivustosi brändisi ja viestisi ohjeiden ja asetusten mukaisesti menetetään.

Alatason teeman avulla voit luoda erillisen CSS-tyylitaulukon^{(child theme enables you to create a separate CSS stylesheet)} ja lisätä lisätoimintoja, jotka eivät katoa tai eivät vaikuta pääteeman päivitykseen.

Tämä voidaan tehdä manuaalisesti tai asentamalla lapsiteeman luontilaajennus. Aloitetaan manuaalisella prosessilla.

Luo uusi hakemisto^{(Create a New Directory)}

Aloita^(Start) luomalla uusi hakemisto lapsiteemaa varten. Voit käyttää FTP-asiakasohjelmaa^{(FTP client)} tai käyttää olemassa olevaa wp-content/themes hakemistoa cPanelin kautta.

Jos haluat käyttää cPanelia, siirry isännöinnin ohjauspaneeliin. Valitse tiedostonhallinta^{(file manager)} ja siirry hakemistoon, johon WordPress on asennettu.

Tämä on yleensä hakemistossa nimeltä public_html . Etsi ja avaa wp-sisältökansio^(wp-content) . Napsauta Luo uusi kansio^{(create new folder)} ja kirjoita nimi lapsesi teemalle. Muista antaa sille nimi, jonka tunnistat myöhemmin. Hyvä esimerkki on vanhemman-teema-lapsen nimi^{(nameofparenttheme-child)} .

Älä lisää tiedoston nimeen välilyöntejä virheiden välttämiseksi.

Sisäisen käsittelyn vuoksi kansion nimen tulee sisältää pääteeman nimi (teema 'slug') alla olevan esimerkin mukaisesti.

Luo CSS-tyylitaulukko^{(Create a CSS Stylesheet)}

Tyylitaulukoita käytetään WordPress -teemoissa kahdesta syystä.

• Se on tyylien sijainti, joka vaikuttaa sivustosi ulkonäköön.
• Teeman päätyylisivulta WordPress etsii tietoa teemasta.

Et ehkä halua lisätä uusia tyylejä lapsiteemaan. Tyylitaulukon on kuitenkin oltava olemassa, jotta voit määrittää yksityiskohdat, kuten teemasi nimen ja pääteeman nimen.

Siksi sinun on luotava uusi tyylitaulukko lapsesi teemalle. Joten seuraava askel on luoda tekstitiedosto CSS - tyylisivulle, joka määrittää säännöt, jotka ohjaavat lapsiteeman ulkoasua.

Aliteeman CSS -tiedosto on tällöin ensisijainen yläteemaan nähden.

Sinun on sisällytettävä tekstitiedostoosi seuraavat tiedot:

• Teemasi nimi.
• Pääteeman hakemiston nimi.
• Otsikko ja kuvaus, joissa on järkeä.

Muista sisällyttää tyylitaulukkoon seuraava otsikkokommentti tiedoston yläosassa. WordPress lukee nämä tiedot ja tietää, että lapsiteemaa käytetään.

Haluat kiinnittää erityistä huomiota mallitunnisteeseen. Se kertoo WordPressille^(WordPress) , mikä lapsesi pääteema on. Huomaa, että kansio, jossa yläteemasi sijaitsee, on kirjainkoon erottelukyky.

Teknisesti voit nyt aktivoida lapsiteeman. Jos kuitenkin haluat luoda monimutkaisemman lapsiteeman, sinun on lisättävä mukautettuja PHP - toimintoja.

Luo functions.php -tiedosto alateemaan (samaan hakemistoon kuin tekemäsi style.css -tiedosto). ^(style.css)Tänne tulee lisätä esimerkiksi muita viestimuotoja.

Kuten CSS -tiedostossasi, ^(CSS)PHP -tiedostoon tehdyt muutokset tai lisäykset yhdistetään automaattisesti ylätason toimintoihin tai ohittavat ne.

Asioissa, kuten postausmuodoissa, jotka on lisätty add_theme_support() -toiminnolla^{(add_theme_support())} , ne toimivat ohituksina yhdistämisen sijaan.

Kun käytät add_theme_support() -toimintoa^{(add_theme_support())} , sinun on suoritettava lisätoimenpiteitä varmistaaksesi, että alatason teema ohittaa ylätason.

Tämä voi olla monimutkaista, joten katso nykyisen WordPress-teeman tarkistustiimin^{(WordPress Theme Review Team)} johtajan William Pattonin viesti WordPress-viestimuotojen käytöstä^{( post on using WordPress post formats)} . 

Lisää tyylejä ja komentosarjoja ohittaaksesi pääteeman toiminnallisuuden^{(Add Styles & Scripts To Override Parent Theme Functionality)}

Seuraava askel on varmistaa, että lapsiteemasi joko perii yläteeman ominaisuudet ja tyylit tai heijastaa uusia, joita haluat käyttää.

Tyylejä käytetään muuttamaan verkkosivustosi ulkoasua. Skriptit^(Scripts) parantavat toimivuutta. Tapa, jolla tyylit ja komentosarjat lisätään WordPress - sivustollesi, on yhtä tärkeää kuin tiedostojen sisältö.

WordPressin enqueue-toiminto on kuinka saada tämä aikaan.

Jonottaminen viittaa tapaan, jolla tyylejä ja komentosarjoja lisätään WordPress - sivustoille, jotta ne voivat vaikuttaa siihen, mitä käyttäjät näkevät vieraillessaan sivustollasi.

Useiden lisäosien käyttäminen saman tuloksen saavuttamiseksi johtaa usein yhteensopivuusongelmiin ja rikkinäisiin sivustoihin.

Wp_enqueue ei vain paranna verkkosivustosi suorituskykyä vähentämällä lisäosien ylimääräisiä kustannuksia, vaan se parantaa myös käyttökokemusta.

Kuinka käyttää 'wp_enqueue'^{(How To Use ‘wp_enqueue’)}

Jos haluat tulostaa lapsiteeman tyylit, sinun on käytettävä funktiota nimeltä wp_enqueue_style() .

Tämä toiminto vie muutaman bitin tietoa, mutta tärkein on tiedoston nimi (tai "kahva") ja sijainti.

Lisää functions.php- tiedostoon^{(functions.php)} seuraava koodi.

Tämä koodi lisää tyylitaulukon ylätason hakemistosta ja lisää sitten myös aiemmin luomamme alatason tyylitaulukon. Huomaa, että ylätason^{(parent-style)} tekstin tulee vastata pääteeman nimeä ja -tyyli^(-style) lisätään loppuun.

Aktivoi lapsesi teema^{(Activate Your Child Theme)}

Jos loit lapsiteeman tiedostot palvelimelle wp-content/themes/yourthemename kansioon, ne olisivat sitten käytettävissä WordPress -hallintapaneelissasi aktivoitavaksi.

• Kirjaudu sisään kojelautaan.
• Siirry kohtaan Appearance > Themes .
• Lapsesi teema tulee olla luettelossa.
• Valitse Esikatselu^(Preview) nähdäksesi, miltä sivusto näyttää uuden lapsiteeman kanssa.
• Kun olet tyytyväinen sen ulkonäköön, napsauta Aktivoi^{(Activate )} , niin se julkaistaan.

Jos loit lapsiteeman muualle kuin palvelimelle wp-content/themes/yourthemename kansioon, sinun tulee pakata uusi lapsiteeman kansio.

• Kirjaudu sisään WordPress-hallintapaneeliisi.
• Siirry kohtaan Appearance > Themes .
• Napsauta Lisää uusi^{(Add new)} .
• Valitse Lataa teema^{(Upload Theme)} .
• Vedä^(Drag) zip-tiedostosi uuteen näkyviin tulevaan ruutuun tai napsauta tiedostonvalitsinta ja selaa se tietokoneellasi.
• Kun se on ladattu, voit esikatsella sitä ja aktivoida sen.

Lisää mallitiedostoja^{(Add Template Files)}

Voit ohittaa muut mallit kopioimalla ne yläteemasta alateemaan. Kaikki mallitiedostot, joilla on sama nimi ala- kuin ylätasolla, toimivat ohituksina. Säädä sitten mallien sisältöä tarpeen mukaan.

Uusien mallien^{(To add new templates)} lisääminen edellyttää, että luot uuden tiedoston oikealla nimellä ja lisäät omaa sisältöäsi. Yllä oleva osa selittää manuaalisen prosessin.

Käydään nyt läpi, kuinka luodaan lapsiteemoja WordPress - laajennuksella.

Käytä WordPress-laajennusta^{(Use a WordPress Plugin)}

Kirjaudu^(Log) sisään WordPress - hallintapaneeliisi. Napsauta ^(Click)Plugins > Add New New . Hae lapsiteemaa.^{(child theme.)}

Ensimmäinen näkemäsi laajennus on Child Theme Configurator . Tämä on hyvä valinta, kuten yllä olevasta kuvakaappauksesta näkyy, koska se:

• On yhteensopiva WP:n nykyisen version kanssa.
• Siinä on paljon asennuksia.
• Päivitetty äskettäin.

Napsauta Install now > Activate . Seuraava vaihe on siirtyä kohtaan Työkalut^(Tools) ja valita sitten alatason teemoja.^{(child themes.)}

Etsi^(Find) ja valitse vanhemman teemasi avattavasta valikosta. Valitse analysointi^(analyze) varmistaaksesi, että teemasi sopii käytettäväksi lapsiteemana.

Alla^(Below) on vaiheittainen opetusohjelma Child Theme Configuratorin määrittämiseen^{(Child Theme Configurator)} . Jos päätät käyttää toista WordPress - laajennusta, löydät helposti opetusohjelman myös sen määrittämisestä.

Kuten nyt tiedät, lapsiteemat ovat erillisiä teemoja, joiden toiminnallisuus perustuu pääteemaansa.

Kun käytät lapsiteemaa, WordPress etsii lapsen ennen vanhempaa ja seuraa lapsen tyyliä ja toimivuutta, jos sellainen on olemassa.

Säästä itseltäsi paljon aikaa, vaivaa ja tulevia päänsärkyä, kun yläteema päivittyy luomalla lapsi, johon päivitys ei vaikuta.

How To Create a WordPress Child Theme

Why should you never customize WоrdPress in the exіsting 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

• Lapsiteeman luominen WordPressissä

• Kuinka perustaa oma Twitterin kaltainen verkkosivusto käyttämällä WordPressin P2-teemaa

• WordPress-sivuston siirtäminen isännästä toiseen

• Kuinka asentaa ja määrittää WordPress Microsoft Azuressa

• Kuinka ajaa äärimmäisen nopeaa WordPressiä Microsoft Azuressa

• Wix Vs WordPress: Mikä on paras verkkosivustosi luomiseen?

• 3 parasta SEO-laajennusta WordPressille

• 11 parasta WordPress-podcast-laajennusta

• 10 välttämätöntä WordPress-laajennusta pienyrityssivustolle

• Kuinka asentaa WordPress-testisivusto tietokoneellesi

• Squarespace vs WordPress: kumpi on parempi sivustoalusta?

• Kuinka kopioida sivu WordPressissä

• Kuinka määrittää WordPress manuaalisesti verkkotunnuksessa

• Kuinka tarkistaa, onko verkkosivusto kielletty AdSensesta

• Kuinka päivittää PHP WordPressissä

• Kuinka varmuuskopioida WordPress-sivustosi

• Kuinka nopeuttaa mitä tahansa WordPress-sivustoa käyttämällä .HTACCESSia

• Kuinka suojata salasanalla sivuja WordPress-sivustollasi

• 7 WordPress-vinkkiä mobiiliystävälliseen verkkosivustoon

• Kelluvan sivupalkin lisääminen Wordpressiin