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.
1. Update alertBack to top
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 Bi-Shop Child theme. **Note – there is also a second update alert here, which probably means that one of your plugins has an update available.
YOU CAN GET TO YOUR UPDATE SCREEN BY CLICKING ON “Bi-Shop 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 Bi-Shop Child is available for download.”
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.
2. Update via FilezillaBack to top
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:
Fill in your FTP Credentials, like in the image shown below:
Now “CLICK QUICKCONNECT” and Filezilla will load your website. Here is how it will look:
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:
**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:
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/Bi-Shop/, 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.
- 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.
3. Update via FTPBack to top
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 Bi-Shop Shop Files.
In the meantime, download the Themeforest files to your desktop…
DOUBLE-CLICK to find the Bishop_Wordpress_Theme file…
DOUBLE CLICK to find the “bishop” zip file…
DOUBLE CLICK on the bishop zip file to find the “Bi-Shop” folder.
DRAG THE Bi-Shop FOLDER TO YOUR DESKTOP. Then open your FTP files and navigate to the folder you have designated for your Bi-Shop Shop. Open that folder and find WP-Admin, WP-Content, WP-Includes…
DOUBLE CLICK on Wp-Content…
DRAG YOUR “Bi-Shop” FOLDER from your desktop to this FTP folder.
**WARNING – Do not drag your Bi-Shop folder inside of any of the folders. IT MUST STAND ALONE!
OF COURSE, SINCE THERE IS ALREADY A Bi-Shop 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 Bi-Shop 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.
3. Update bundled pluginsBack to top
In order to update the plugins included within the theme, 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 11!