Archive of posts with the Tutorials topic
You found a new WordPress theme. It looks perfect for your blog, but you’re really nervous about changing your theme. What if something breaks? Will you lose any content? I’ll walk you through what you should be nervous about, and what you shouldn’t.
You’ve got WordPress set up, you’ve installed your favorite theme, and now you want more. You want to learn how to customize a WordPress theme so it looks just right. Where do you get started? How hard is it?
You might think the hardest part of the process is learning WordPress or doing something fancy with code. In fact, it’s learning a few basic concepts and applying them when you want to customize your theme. There are even some fantastic free tools available to make this process fun.
HTML5 video is great, but to support all the modern browsers (Chrome, Safari, Firefox, Opera, IE9/10), you need to serve two versions of your video files. For Chrome, IE9/10, and Safari, you need MP4 video files, and for Firefox and Opera, you need WebM files.
Most video applications can export videos in the MP4 format, but they usually can’t export in the WebM format. You need a tool to convert those MP4 files to WebM.
Your WordPress website is ready to go, but you really need that special piece of extra functionality your theme isn’t providing. You need to search for a plugin. WordPress plugins add extra functionality and features to your WordPress website.
In search of a plugin, you visit the WordPress plugin repository or try some search terms from your WordPress dashboard. You find results, but how do you know when you’ve found the perfect plugin? Are you even looking in the right place?
When I first decided to convert a static HTML design to WordPress I did some searching for a tutorial to help me get started with the basics. Surprisingly, I didn’t find anything that was very complete or easy to follow. For that reason I decided to write a very basic tutorial on how to convert a static HTML template into a WordPress Theme. If you are an absolute beginner at developing WordPress themes then this should help you get started. This tutorial assumes you already have a basic understanding of HTML and CSS. It also assumes you have a website built in HTML and CSS and have it ready for conversion.
Skip the hassle
If you don’t feel like converting an old static site to WordPress and want something clean and easy to customize, be sure to check out our collection of premium WordPress themes.
If you’ve picked up one of our themes and are ready to upload a logo, a banner, or perhaps a set of photographs to your site, then this is the post for you. We’ll discuss why you should be cropping and optimising your images before uploading them to WordPress, and the importance of saving your photos in a suitable file format.
Why should I crop and optimise my images?
Perhaps your images don’t look very good, or your photos are slow to load. Cropping, resizing, and optimising your images properly will fix both of these problems. Mastering — or, at least, learning — these techniques is an important step in building a successful WordPress site. You’ll create better visual content; speed-up the uploading process; reduce bandwidth usage, and shed inessential bytes from your graphic files. Not only that, your webpage will load more quickly — and readers love speedy sites.
Update November 8, 2011 Extra gallery pages are now possible using the
gallery shortcode. If you’re running Photography 1.4 or later, you do not need to make the changes in this tutorial – see your theme documentation for instructions on creating multiple gallery pages.
With the release of Photography 1.2 the Gallery post type now includes built-in support for categories. Why is this useful? By default Photography shows all your galleries on one “Gallery Page”. With category support you may now create new gallery pages that only show galleries associated with a specific category. Our newest forum moderator, Mike Fields, wrote up an awesome tutorial on how to do just that. Thanks Mike! Before you get started, be sure to read through this tutorial: Customizing your theme → Editing a template file.
Update November 8, 2011 Captions on your galleries are now available through your Theme Options panel. If you’re running Photography 1.4 or later, you do not need to make the changes in this tutorial.
We have had several requests in the Photography theme support forum for instructions on how to add captions to the main gallery page. By default, Photography shows a “featured thumbnail” image of a chosen photo from your gallery with no text. In this tutorial I am going to walk you through adding two different caption styles to your gallery page. Let’s get started!
A few months ago I re-designed all of the buttons here on The Theme Foundry website. In this tutorial I am going to walk through the button design process step-by-step.
Watch the video
Download the slides
I presented a theme customization workshop at WordCamp Orange County earlier this year. The workshop covered 6 theme customization “best practices”. Unfortunately, the video is a bit stretched and not completely clear at times, but it still should be helpful if you are new to theme customization.