{"id":546,"date":"2021-03-04T14:49:39","date_gmt":"2021-03-04T14:49:39","guid":{"rendered":"https:\/\/pixert.com\/blog\/?p=546"},"modified":"2021-03-25T00:19:47","modified_gmt":"2021-03-25T00:19:47","slug":"the-importance-of-child-theme-in-wordpress","status":"publish","type":"post","link":"https:\/\/pixert.com\/blog\/the-importance-of-child-theme-in-wordpress\/","title":{"rendered":"The importance of Child Theme in WordPress"},"content":{"rendered":"\n

I’ve been using WordPress for a very long time and one of the things I have and will do is customize themes.<\/p>\n\n\n\n

I’m writing this because I was lazy to use a child theme for my main site<\/a>. As a result, I had to enter the Slideshow code every time the theme was updated, because the code was lost when it was updated. Tiring. So I decided this time I am using a child theme.<\/p>\n\n\n\n

What is a child theme? A child theme is a theme that inherits the functionality of another theme, called a parent theme, and allows you to change, or add to, the functionality of that parent theme over the child theme.<\/p>\n\n\n\n\n\n\n\n

I am using a theme from WPZOOM<\/a>, Eclipse<\/a>. I highly recommend this company, because of its beautiful themes, easy to use, and also their good support.<\/p>\n\n\n\n

My site consists of only one page, homepage. And the only change I made was that I used a plugin for the homepage slideshow. I want a slideshow with full page width.<\/p>\n\n\n\n

I’m using this plugin, Smart Slider 3<\/a><\/strong> for the full page width homepage slideshow.<\/p>\n\n\n\n

This post might help you if you want to emulate a slide show of my site implemented in your Eclipse theme. But it also tells you how helpful it is to have a child theme on a WordPress site.<\/p>\n\n\n\n

I would like to inform you that WPZOOM has built a 1 click Child Theme installer in the latest version of their framework, and this means that all their themes have this feature. I use this feature in WPZOOM Framework to create a child theme for my main site.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

As a side note, I recommend 1 Click Child Theme Installer WPZOOM, because a<\/strong>. no need plugins, b<\/strong>. fast and easy and c<\/strong>. you want to customize the appearance with CSS.<\/p>\n\n\n\n

I then realized that this 1 Click Child Theme Installer WPZOOM cannot copy the file that I changed to display the slideshow generated by the plugin. <\/p>\n\n\n\n

The files from the parent theme must be copied to the child theme so that when an update occurs, only the files in the parent theme are changed while the files in the child theme remain the same as existing customization<\/p>\n\n\n\n

We can just use FTP and File Manager features to copy files themes, if you are experienced with this. But I don’t want to leave the WordPress Dashboard.<\/p>\n\n\n\n

I use a plugin to enable this ability to copy files from the parent theme to the child theme, Child Theme Configurator<\/a>.
Go to WP-Admin> Plugins<\/strong> then Add New<\/strong> and look for Child Theme Configurator<\/strong>. Install the plugin<\/strong> and then go to Tools> Child Themes<\/strong>.<\/p>\n\n\n\n

Remember, the child theme created earlier with WPZOOM Framework must be active before we can continue the process.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n


I select Configure An existing Child Theme<\/strong> action then click Analyze<\/strong>. Remember, we only need to configure the child theme generated by the WPZOOM Framework so that we can copy files.<\/p>\n\n\n\n

Then I select Primary Stylesheet (style.css)<\/strong> in the Select where to save new styles<\/strong> option and I select Use the WordPress style queue<\/strong> in the Select Parent Theme stylesheet handling<\/strong> option.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Then click Configure Child Theme<\/strong> button.
Remember, don’t check<\/strong> this option, Copy Menus, Widgets and other Customizer Settings from the Parent Theme to the Child Theme<\/strong> because this has been done by 1 Click Child Theme Installer WPZOOM before.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Go to the Files tab and select page-templates \/ home-slider.php, then click the Copy Selected to Child Theme button.<\/p>\n\n\n\n

Then I go to Themes > Editor and make sure that the page-templates \/ home-slider.php has this code added to the file<\/p>\n\n\n

\necho do_shortcode('[smartslider3 slider="1"]'); \n<\/pre><\/div>\n\n\n
You can find the slideshow code on the Smart Slider 3 dashboard where you will be provided with the PHP code as above.<\/p>\n\n\n\n
Now I don’t have to retype the code when an update occurs and I don’t have to worry about losing the customizations I made<\/p>\n","protected":false},"excerpt":{"rendered":"
I’ve been using WordPress for a very long time and one of the things I have and will do is customize themes. I’m writing this because I was lazy to use a child theme for my main site. As a result, I had to enter the Slideshow code every time the theme was updated, because […]<\/p>\n","protected":false},"author":1,"featured_media":547,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[5],"tags":[154,153,6,152],"class_list":["post-546","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-child-theme","tag-child-themes","tag-wordpress-2","tag-wordpress-child-theme"],"aioseo_notices":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2021\/03\/618F75E4-2D1B-4A2B-B95D-37A990FB1A7A.jpeg?fit=1491%2C1918&ssl=1","jetpack_shortlink":"https:\/\/wp.me\/p1pvi1-8O","jetpack-related-posts":[{"id":130,"url":"https:\/\/pixert.com\/blog\/enable-formatting-tags-for-content-limit-in-genesis-featured-posts-widget\/","url_meta":{"origin":546,"position":0},"title":"Enable Formatting Tags for Content Limit in Genesis Featured Posts widget","author":"Pixel Insert \/ Pixert","date":"January 10, 2013","format":false,"excerpt":"Genesis Framework has same function that return the content after trimming and it strips all HTML The following code help you keep or filter some HTML tags when you are using Content Limit in Theme Settings or Widgets (e.g Genesis - Featured Posts widget) Add following to functions.php in the\u2026","rel":"","context":"In "Code Snippet"","block_context":{"text":"Code Snippet","link":"https:\/\/pixert.com\/blog\/category\/code-snippet\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2013\/01\/gallerygenesis.jpg?fit=600%2C340&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2013\/01\/gallerygenesis.jpg?fit=600%2C340&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2013\/01\/gallerygenesis.jpg?fit=600%2C340&ssl=1&resize=525%2C300 1.5x"},"classes":[]},{"id":344,"url":"https:\/\/pixert.com\/blog\/useful-wordpress-plugin-category-order-and-taxonomy-terms-order\/","url_meta":{"origin":546,"position":1},"title":"Useful WordPress Plugin: Category Order and Taxonomy Terms Order","author":"Pixel Insert \/ Pixert","date":"December 30, 2013","format":false,"excerpt":"Category Order and Taxonomy Terms Order is a powerful plugin to re-order categories and all custom taxonomies terms using a drag and drop capability. The best thing about this plugin, we don't need to change theme code just to re-order categories and taxonomies, the plugin will do it for us.\u2026","rel":"","context":"In "WordPress"","block_context":{"text":"WordPress","link":"https:\/\/pixert.com\/blog\/category\/wordpress\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2013\/12\/taxonomyorder.jpg?fit=865%2C932&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2013\/12\/taxonomyorder.jpg?fit=865%2C932&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2013\/12\/taxonomyorder.jpg?fit=865%2C932&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2013\/12\/taxonomyorder.jpg?fit=865%2C932&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":300,"url":"https:\/\/pixert.com\/blog\/how-to-add-widgetized-custom-sidebars-wordpress-theme\/","url_meta":{"origin":546,"position":2},"title":"How to add widgetized and custom sidebars on WordPress theme","author":"Pixel Insert \/ Pixert","date":"April 13, 2013","format":false,"excerpt":"WordPress themes are usually come with Widgetized sidebars where you can drag and drop widgets. It's okay when we don't need more widgetized sidebars to the theme, but we probably think to add more when we think widgetized sidebar solution to your customization problem, for instance you want to add\u2026","rel":"","context":"In "Code Snippet"","block_context":{"text":"Code Snippet","link":"https:\/\/pixert.com\/blog\/category\/code-snippet\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2013\/04\/cs-newsidebar.jpg?fit=1200%2C822&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2013\/04\/cs-newsidebar.jpg?fit=1200%2C822&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2013\/04\/cs-newsidebar.jpg?fit=1200%2C822&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2013\/04\/cs-newsidebar.jpg?fit=1200%2C822&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2013\/04\/cs-newsidebar.jpg?fit=1200%2C822&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":271,"url":"https:\/\/pixert.com\/blog\/wordpress-theme-review-pinboard-by-themify\/","url_meta":{"origin":546,"position":3},"title":"WordPress Theme Review : Pinboard by Themify","author":"Pixel Insert \/ Pixert","date":"December 11, 2012","format":false,"excerpt":"Pinterest has obviously gotten a lot of attention lately,it\u00a0focuses on visual appearance to spread your words and it is one of the best way inspire people nowadays. Pinterest is using dynamic grid layout, features an auto stacking layout with infinite scroll. Themify created Pinterest style theme for WordPress name Pinboard\u2026","rel":"","context":"In "WordPress"","block_context":{"text":"WordPress","link":"https:\/\/pixert.com\/blog\/category\/wordpress\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2012\/12\/pinboardskins.jpg?fit=1200%2C1193&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2012\/12\/pinboardskins.jpg?fit=1200%2C1193&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2012\/12\/pinboardskins.jpg?fit=1200%2C1193&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2012\/12\/pinboardskins.jpg?fit=1200%2C1193&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2012\/12\/pinboardskins.jpg?fit=1200%2C1193&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":253,"url":"https:\/\/pixert.com\/blog\/how-to-301-redirect-all-404-error-pages-to-homepage-in-wordpress\/","url_meta":{"origin":546,"position":4},"title":"How to 301 Redirect All 404 Error Pages to Homepage in WordPress","author":"Pixel Insert \/ Pixert","date":"October 6, 2012","format":false,"excerpt":"404 Not Found errors are generated when users follow broken\/dead links. \u00a0You\u2019d be amazed how many 404 errors even the best websites have. \u00a0The quickest fix is to redirect your 404 errors to your home page. Almost every theme that you use with your self hosted WordPress Blog have an\u2026","rel":"","context":"In "WordPress"","block_context":{"text":"WordPress","link":"https:\/\/pixert.com\/blog\/category\/wordpress\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2011\/03\/wordpresslogo-300x68.png?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":134,"url":"https:\/\/pixert.com\/blog\/install-favicon-into-a-wordpress-website\/","url_meta":{"origin":546,"position":5},"title":"Install Favicon into a WordPress website","author":"Pixel Insert \/ Pixert","date":"August 22, 2011","format":false,"excerpt":"1. Upload favicon.ico to the theme directory, e.g wp-content\/themes\/twentyeleven 2. Open file header.php, add the following code between  and <\/head>","rel":"","context":"In "Code Snippet"","block_context":{"text":"Code Snippet","link":"https:\/\/pixert.com\/blog\/category\/code-snippet\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2011\/03\/wordpresslogo-300x68.png?resize=350%2C200","width":350,"height":200},"classes":[]}],"jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/posts\/546","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/comments?post=546"}],"version-history":[{"count":1,"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/posts\/546\/revisions"}],"predecessor-version":[{"id":586,"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/posts\/546\/revisions\/586"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/media\/547"}],"wp:attachment":[{"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/media?parent=546"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/categories?post=546"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/tags?post=546"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}