Archive for the ‘Screencast Tutorials’ Category

How to Upgrade WordPress

Tuesday, April 29th, 2008

Upgrading WordPress can be a little daunting, but it’s really not that hard. Here are the steps, broken down, with a video at the end showing you a WordPress upgrade in action. Please read all the steps first and then watch the video, as you will probably get more out of the video that way. :)

  1. Step 1: Backup your Blog. This is without a doubt the most important step. If you have a good backup, then you’re safe even if you totally mess things up. Do not skip this step, really. Here is a whole post showing how to use a plugin to backup your whole blog automatically. Make sure you’ve completed a backup and downloaded the backup before you proceed.
  2. Step 2: Deactivate all your Plugins. Just go to “Plugins” in your WP Admin area and click to deactivate all your plugins. Newer versions of WP allow you to deactivate them all with one click. You may want to make a mental note of which plugins were activated so that you can reactivate the right ones.
  3. Step 3: Delete Old WordPress Core Files. Next, using an FTP program, delete all your old WordPress core files. (A core file is everything WordPress uses to run itelf, excepting theme, plugin, and uploaded files.) Using your FTP program, navigate to the folder where WordPress is installed: often public_html/blog (or just public_html if your blog is the only thing on your website). When you are deleting files, DO NOT DELETE TWO THINGS. First, do not delete the file named “wp-config.php.” This file contains the information for connecting to your database. Second, do not delete the entire folder named “wp-content.” This folder contains your themes, plugins, and uploaded images.
  4. Step 4: Get the Newest Version of WordPress. Go to this page, the WordPress download page, and download the newest version of WordPress.
  5. Step 5: Dummy-Proof Yourself. Once you’ve got your new zipped file with the latest version of WordPress, unzip it and dig around inside it until you find the “wp-content” folder. Since we left our copy of this on the server in step 3, we want to delete this folder so that we don’t upload and accidentally overwrite our themes, plugins, and uploaded pictures. Delete the folder. You can also delete the file “wp-config-sample.php” if you want, although it is not necessary. But do delete the “wp-content” folder.
  6. Step 6: Upload the New Version. Next, we’re going to use our FTP program to upload the new version to our server. To do this, grab all the file and folders INSIDE the unzipped WordPress folder (which now should be missing the “wp-content” folder) and upload them into the main directory where your blog lives on your server. DO NOT upload the whole folder you downloaded from WordPress, called “wordpress.” You want to upload the files inside of that folder into the same directory where your blog is installed on your server. For a lot of people, if your web address is “http://www.myphotosite.com/blog/” that will be inside a folder called “blog” which is inside a folder called “public_html” or “www”. If your blog is your whole website, with an address something like “http://www.myphotoblog.com” then these file need to be uploaded into your “public_html” or “www” folder. Sometimes these names aren’t the same for everyone, so yours may be slightly different. Uploading can take a few minutes, so be patient. There are lots of little files to upload.
  7. Step 7: Upgrade your Database. Most, but not all, WordPress upgrades also do a little tweaking of your database. To upgrade your database, all you have to do is try to login to your blog after completing steps 1-6. If a database upgrade is required, you will be prompted to click a link saying its ok to upgrade. Go ahead and click to let it upgrade, safe in the confidence that even if something went terribly wrong, you have already backed up your database. When it finishes, you’re all set, except for…
  8. Step 8: Reactivate your Plugins. This is basically just step 2 in reverse. Just go to “Plugins” and reactivate the ones you were using. You may need to re-set some of the settings in your plugins, it is possible your settings were lost during upgrade. NOTE: if your comments don’t seem to be working after you upgrade, make sure you have reactivated the Ajaxed-WordPress plugin and retweaked it. Directions can be found here.

That’s basically it. Now, watch this video to see me do all the steps above, and give it a go!

NOTE: if you’re upgrading from WP 2.3.3 or lower to 2.5.x or higher, you may have to follow the directions here to fix a little bug with a new max picture width setting in WP 2.5.x.

Other helpful resources: Using a FTP program, Understanding Folders and Directories, Backing up Your Blog, Max picture width problem.

Firebug tutorial video

Monday, April 21st, 2008

Firebug is a free extension for the Firefox web browser that allows you to inspect, edit, analyze, and debug any website. It has a truly awesome set of features that includes:

  1. mouse over page elements to visualize invisible attributes like height, width, padding, and margins
  2. inspect html, css, javascript for any element
  3. edit css, html and view changes in real time
  4. find height and width of any element
  5. turn off and on individual CSS styles to see the effects
  6. find exact line numbers and names of stylesheets referenced by CSS
  7. lots, lots more

Every single web developer I know uses firebug on a daily or near daily basis. Whenever I get an email from one of you asking why this part or that part of your blog looks funny, I almost always turn on Firebug to quickly determine what the issue is, and usually can test a fix without ever leaving Firebug.

But Firebug is also great for non-developers who like to hack at their code. If you’re just trying to make a few small changes and don’t know much about HTML or CSS, Firebug can be a lifesaver. It allows you to try out all sorts of little changes to your websites code, without actually making those changes. If you get things working in firebug, you can just go and edit the actual files in the same way.

A lot of photographers do tinker with their own websites, and I think that very very few of them know about this invaluable tool. I made the following tutorial video to help you get a quick overview of the basics of installing and using Firebug. Let me know if this was helpful!


Filezilla Tutorial Screencast: free FTP program for PC’s

Thursday, April 17th, 2008

I’ve been meaning to record this video for a long time, but I had never worked out how to record my virtual PC on my Mac. Well, I figured it out, so here it is.

If you use a Windows PC (are there photographers who still use PCs?), FileZilla is the most popular free FTP program. This video shows you how to use all of its basic features.

Installing WordPress plugins tutorial screencast

Wednesday, April 16th, 2008

Plugins are one of the great things about WordPress.  In the future, I’ll be posting a lot about great plugins that add all kinds of cool functionality to your blog.  In this video I show you how to download a plugin, how to install one, and some basic facts about plugins.

WordPress 2.5 Admin videos

Saturday, April 5th, 2008

I finally finished creating some new videos showing and explaining the new WordPress 2.5 admin interface, and here they are. If you’re already pretty familiar with WordPress, these might be a little basic, but if you’re new to WordPress, there is a lot of info covered here that might be useful to you.

Of special note might be the first video, which explains in some detail most of the posting and image uploading features in WordPress 2.5. The image upload feature especially has stumped some people (it is kind of counter-intuitive), so it might be worth watching.

NOTE: I’m pretty sure there is a bug in WP 2.5 that makes uploading and inserting images almost impossible if you are using Internet Explorer 7. Use Firefox instead and you should be fine. I’m pretty confident WP will fix this soon. But, why are you using Internet Explorer anyway? Firefox is faster, safer, and more powerful. But I’ll save that rant for another day…

Let me know if these videos are useful!

Video: WP Admin Area - Writing Posts

Video: WP Admin Area - Manage Tab

Video: WP Admin Area - Design Tab

Video: WP Admin Area - Comments

Video: WP Admin Area - Settings Tab

Video: WP Admin Area - Plugins

Video: WP Admin Area - Users