child theme

  • Hi, i read the instruction but i still dont fully understand how to make a child theme and make it run. So if i downloaded the virtue child theme example. shoul i change anything in it before uploading it? where exactly should i upload this folder? how do i find it later in the panel view to intall?

Viewing 15 replies - 1 through 15 (of 17 total)

  • I am no expert and this initially confused me also but once done its simple enough:
    You need to create a new folder in your Themes folder (FTP it)
    Call it Vitrue Child theme
    In a text editor you need to add the following code (copy and paste this though put your own deatil for site name etc)
    /*
    Theme Name: Virtue-childtheme
    Theme URI: https://yoursitename.co.uk.co.uk/wp/virtue/
    Description: Virtue theme
    Author: your name
    Author URI: https://example.com
    Template: virtue
    Version: 2.4.3
    License: GNU General Public License v2 or later
    License URI: https://www.gnu.org/licenses/gpl-2.0.html
    Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
    Text Domain: virtue
    */

    Then you save this as a CSS file (You will have an option when you sabve it in your text editor as to which type of file etc-chose CSS)
    This file then is saved into the folder you created in your theme folder.
    Once you have done this go into your WP Control Panel and look at your theme options and Virtue Childtheme will appear. Chose this as your theme and that’s it!

    )Any changes you may wish to try and make to the main themes CSS you do in this file you created.)

    Thread Starter betumayo

    (@betumayo)

    ok i did that and find it where you told me, but when i preview the child theme i see lots of changes in the site like no menu, the footer breaks and a secondary menu appears in the footer also a picture o a product appears in the footer, really wired im afraid to install it :/ why that happens?
    should i install it anyway?

    I am no great expert but it works for me everytime.
    It may be you haven’t copied and pasted the exact script I gave you?
    Or you didn’t save as a CSS file?
    Are FTP’ing the CSS file into the folder you created on your server?
    Are you using a text editor?

    Thread Starter betumayo

    (@betumayo)

    this is how i changes the css file

    /*
    Theme Name: Virtue-childtheme
    Theme URI: https://ponponi.co.il/wp/virtue/
    Description: Virtue theme
    Author: betiana
    Author URI: https://ponponi.co.il
    Template: virtue
    Version: 2.4.3
    License: GNU General Public License v2 or later
    License URI: https://www.gnu.org/licenses/gpl-2.0.html
    Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
    Text Domain: virtue
    */

    Thread Starter betumayo

    (@betumayo)

    i also uploaded a php file with this inside (that i copy from the example child theme in the pae) id like to add finctions in the future

    <?php
    // Add custom functions here

    Important.
    When you added the file to your childtheme folder call it style.css

    Did you? If not do so and then see.

    If no good there is also an explanation here with video:
    https://www.wpbeginner.com/wp-themes/how-to-create-a-wordpress-child-theme-video/

    This link has all of the files available for download that are required to upload a child theme:
    https://www.kadencethemes.com/child-themes/

    Once you download it (from the bottom of the page), you should notice the zip file in the download bar of your browser. Don’t do anything yet.

    Go to Appearance> Themes, and click Add New. Then click upload.

    Then, simply drag the zip from the download bar of your browser to the Choose file button in the Add New theme area.

    Then, you can add functions to the functions.php file as necessary and the changes will be reflected when the child theme is active.

    Does that help?

    -Kevin

    Thread Starter betumayo

    (@betumayo)

    i could upload the child theme but still changes my page appearence when i try the “preview” button before installation. should i proceed to install it anyway?

    I think you’ll need to reassign your menus in Appearance> Menus after activating a child theme, but the differences beyond that compared to the parent active should be minimal.

    You can activate the child theme to see the changes without losing your settings in the parent theme.

    -kevin

    Thread Starter betumayo

    (@betumayo)

    ok so you say that if i activate it i can desactivated later if anything goes wrong? just want to be sure that scares me

    I am surprised you didn’t resolve things earlier. If you add a child them and switch to it once it appears in the theme options you can always switch back to the Main theme if you have issues. Then just re edit the child theme CSS and upload again.

    Thread Starter betumayo

    (@betumayo)

    ok so im using child theme now but why exactly do i have a CSS file? i mean all CSS changes i made in the Custom CSS box in theme options i should paste theme there? or i just keep using the custom css box?

    As stated I am no guru on this but there is a detailed explanation here:
    https://codex.www.ads-software.com/Child_Themes

    Thread Starter betumayo

    (@betumayo)

    is it necesary to change the following info in the css that was inside the donwloaded folder?

    /*
    Theme Name: Virtue Child Theme
    Theme URI: https://themes.kadencethemes.com/virtue-premium/
    Description: Child Theme for Virtue
    Author: Kadence Themes
    Author URI: https://kadencethemes.com/
    Template: virtue
    Version: 1.0.0
    */

    i dowload the virtue free version child theme but it still says virtue-premium in theme URI is that important?
    im running it right now as is and looks fine but i just wonder if its ok

    yeah you’re fine. The URI portion isn’t very important. As long as you’ve got the template information correct then you should be set!

    I just tested on my site and you can change the uri to whatever you like and still have it work just fine.

    -Kevin

Viewing 15 replies - 1 through 15 (of 17 total)
  • The topic ‘child theme’ is closed to new replies.