Back to top

Updating Your Theme Files

From time to time, you will see an Admin panel notice alerting you about available updates. In this section, you will learn how to install the updated files via FTP and via Filezilla.

Update alert

THEME UPDATE ALERT - Whenever we update our theme files, we will send an alert through your WP Admin panel. In this example, you see an alert for an update to the Kidshop Child theme. **Note – there is also a second update alert here, which probably means that one of your plugins has an update available.
update

YOU CAN GET TO YOUR UPDATE SCREEN BY CLICKING ON “SISTINA CHILD” OR BY GOING TO YOUR LEFT SIDEBAR AND CLICKING ON “THEMES.”

On the “Themes” Panel, a yellow bar will say “A new version of the Kidshop Child is available for download.”
update
Read the “Update Download” instructions carefully, then

BACKUP YOUR FILES! This is the safest thing you can do whenever you are updating your files. There are many plugins for backing up your files. Just go to Wordpress Plugins and experiment with a few. One suggestion is the plugin called XCloner.

Now go to your Themeforest account and download the updated files to your computer desktop.

Complete all the CHILD THEME steps of this manual to update your child theme.

Update via Filezilla

Updating Via Filezilla - Now you will learn how to update your files using the Filezilla client.

First, BACKUP YOUR FILES! This is always the safest thing to do.

Next, download and install the Filezilla Client - http://filezilla-project.org/

Now OPEN FILEZILLA to see this window:
update
Fill in your FTP Credentials, like in the image shown below:
update
Now “CLICK QUICKCONNECT” and Filezilla will load your website. Here is how it will look:
update
Now use the right side panel to navigate to your themes folder. In the example above, the theme folder is public_html/wp-content/themes/, however, not all web hosting have public_html, it may be something different in your server.

After your themes/ folder is open, use the left side panel to navigate to the place where you have extracted the theme folder. In this example, the extracted theme folder is on the desktop.

Drag the extracted theme folder into your web hosting:
update
**Note – you may be asked if you want to overwrite files and/or folder. Tick the option to "Always use this action" and click on "Ok.” Then wait until all files are uploaded.

That's all there is to it!

But wait! Using this updating method will overwrite all your custom code. If you edited some files, your changes will be lost.

If you do not want to lose any changes, do not follow the last step of dropping the entire folder. Just follow the steps below.

  • The most important thing is to have a list of files with your custom codes.

    In our example, we edited functions.php and custom.css adding some code.
  • To find out which individual theme files were changed with the update, open the theme changelog. You can find this in:

    yourthemefolder/Changelog.txt. Every time we create a new update, we will use insert what we changed and which files have been changed into the yourthemefolder/Changelog.txt file. Check the file list to be sure that your custom files are not changed in this update.

    Here is an example of a ChangeLog List:

    UPDATED:
    Kidshop-child/style.css
    Kidshop-child/woocommerce/*
    core/functions-core.php
    core/functions-template.php
    core/lib/yit/Backup/Backup.php
    core/lib/yit/Portfolio_type/Portfolio_type.php
    core/lib/yit/Type/Types/Typography.php
    core/templates/shortcodes/newsletter_form.php
    core/widgets/almost_all_categories.php
    core/yit/Cache.php
    core/yit/Contact_Form.php
    core/yit/CPT_Unlimited.php

    As you can see by this list, the files functions.php and custom.css ARE NOT changed.

    **Note, the functions.php and custom.css files cannot be uploaded, so you will need to open your FTP client and connect to your website.
  • Now navigate to wp-content/themes/ and open your theme folder (wp-content/themes/Kidshop/, in this example).
  • Select all files and folders, except the 2 with custom codes. Drag them and drop all in the right side panel, like in the screenshot below.
    update
  • FileZilla will ask if you want to overwrite the files and folders. Say “Yes” and overwrite all files and folders.
  • **Note - If your custom files are in the UPDATED list, you have to update them manually. You need to re-add your custom code to the updated file again, and only then will you upload it, overwriting the file online.

Update via FTP

UPDATING YOUR REGULAR THEME FILES VIA FTP – You can also upload the files via FTP. If you need a refresher course on how to get to your FTP files, please go to Step One, Installing the Kidshop Shop Files.


In the meantime, download the YIThemes files to your desktop…
update
Then open your FTP files and navigate to the folder you have designated for your Kidshop. Open that folder and find WP-Admin, WP-Content, WP-Includes…
update
DOUBLE CLICK on Wp-Content…
update
DRAG YOUR “Kidshop” FOLDER from your desktop to this FTP folder.

**WARNING – Do not drag your Kidshop folder inside of any of the folders. IT MUST STAND ALONE!

OF COURSE, SINCE THERE IS ALREADY A Kidshop FOLDER IN YOUR FTP FILES, you will quickly receive an alert asking whether you’re sure you want to replace it. Click “YES ALL” to replace the files.

Once the folder has finished uploading/replacing, it will momentary look as if you have two Kidshop file folders, but don’t worry; this is only because you haven’t refreshed yet.

There is actually no need to refresh. That will happen automatically, once you close the folder.

Remember to CLOSE YOUR TWO FTP WINDOWS, then navigate back to your “Themes” window on your WP Admin panel. The “Update” alert should be gone, and you should have the most current files.

Update bundled plugins

In order to update the plugins included within the theme, you need to follow the instructions contained within the link "Learn how to update" in the message displayed below.
update
If you are not able to see the message above, please redirect your browser to the following page: http://<YourWordpressUrl>/wp-admin/admin.php?page=update-plugins-page.

And now you’re finished and ready for STEP 10!