Welcome, Guest: Register On Nairaland / LOGIN! / Trending / Recent / New
Stats: 3,165,084 members, 7,859,934 topics. Date: Thursday, 13 June 2024 at 09:37 PM

Tutorial: How To Easily Create A Wordpress Child Theme in 3 Minutes - Webmasters - Nairaland

Nairaland Forum / Science/Technology / Webmasters / Tutorial: How To Easily Create A Wordpress Child Theme in 3 Minutes (754 Views)

Buy Flatsome Theme: Number1 Woocommerce Theme In The World With License Keys <<< / Mark Zuckerberg And His Family Rock Halloween Theme In New Adorable Photo / I Need Someone Good At Customizing Carrington Mobile Theme In Wordpress (2) (3) (4)

(1) (Reply)

Tutorial: How To Easily Create A Wordpress Child Theme in 3 Minutes by Isuachrist: 11:00am On Mar 19, 2019
There are many ways of doing this. If you are a developer, you can easily run some codes and you are done, but since, all hands are not equal, let’s go with using a simple plugin to create a child theme.

Wait a minute. Let me guess, you might not know what a child theme is. Okay, let’s get it on.

Child theme is a replica of your theme such that even if your theme is updated to another version, your customization made to the previous version won’t be lost if you had setup an automatic theme upgrade.


Why create a child theme of our WP Website and Blog?



Unless you use a child theme, you will lose any changes you made to templates and style-sheets when you update.

Imagine your theme updating to version 3 when you had customized your theme and added some CSS and all whatnot in version 2. The result will be that you will lose everything and start afresh, so, in order to prevent this, what you need to do is use a child theme so that even though there is an update to version 40, your theme set up will be as it was, still safe.

Much more on why you need a Child Theme:

* Update themes without losing customizations

* Smart Theme Analyzer determines correct settings to use

* Resolve common child theme issues with almost any parent theme

* Copy existing widgets, menus and Customizer options to child theme

* Use web fonts in your child theme

* Enqueue (link) stylesheets instead of using @import

* Quickly locate and edit theme CSS.

* Customize @media queries for responsive design

* Select hex, RGBA (transparent) and named colors using Spectrum color picker

* Add fallback styles (multiple values per property)

* Save hours of development time


The Tool To Create A Child Theme

Today, we are using a simple tool called Child Theme Configurator

What Child Theme Configurator does is to parse and index your stylesheets so that every CSS media query, selector, property and value are at your fingertips. Second, it shows you how each customization you make will look before you commit it to the child theme. Finally, it saves your work so that you can customize styles in your child themes without the risk of losing your edits.

You can create any number of child themes from your existing Parent Themes. Child Theme Configurator lets you choose from your installed themes (even existing child themes) and save the results in your Themes directory.

When you are ready, just activate the Child Theme and your WordPress site takes on the custom styles automatically.

Steps to creating a WP Create A Child Theme

#1. Login to your WordPress admin dashboard

#2. Got to Plugins > Add Plugin > Search for or copy and paste Child Theme Configurator > Install and activate it.

#3. Go to Tools > Child Themes (multisite users go to Network Admin > Themes > Child Themes).

#4. Select CREATE a new Child Theme – Install a new customizable child theme using an installed theme as a parent – I have already installed my theme…

#5. Select a Parent Theme if creating a new Child Theme; select a Child Theme if configuring, duplicating or resetting.

Note: If you have more than 1 theme, click the dropdown and select your preferred one.

#6. Click on Analyze.
Don’t touch any other thing, just go to #9 on the list and click “Child create theme”.

The result:
Child Theme Viral Child has been generated successfully. IMPORTANT: Preview your child theme before activating.
You can go ahead and preview the new Child theme – it will be the same though.


#7. Go back to Appearance > Themes > Confirm that you did everything right. That is all.


See photo for confirmation…

Got a question, drop below.

2 Likes

Re: Tutorial: How To Easily Create A Wordpress Child Theme in 3 Minutes by IdeeEsperanza(m): 12:09pm On Mar 19, 2019
Thanks
Re: Tutorial: How To Easily Create A Wordpress Child Theme in 3 Minutes by Isuachrist: 12:11pm On Mar 19, 2019
Okay brother...

(1) (Reply)

Closed / IPTV Subscription, World's Best IPTV Service Provider. / Still Working: Paypal Withdrawal To Nigeria Bank

(Go Up)

Sections: politics (1) business autos (1) jobs (1) career education (1) romance computers phones travel sports fashion health
religion celebs tv-movies music-radio literature webmasters programming techmarket

Links: (1) (2) (3) (4) (5) (6) (7) (8) (9) (10)

Nairaland - Copyright © 2005 - 2024 Oluwaseun Osewa. All rights reserved. See How To Advertise. 21
Disclaimer: Every Nairaland member is solely responsible for anything that he/she posts or uploads on Nairaland.