Entries Tagged 'How To' ↓

How to Add Navigation Links to Your Header

As you add content to your site, you’ll no doubt want to edit the navigation links that appear at the top of each page. Fortunately, this is extremely easy to do with the Copyblogger Theme, and with the help of this tutorial, you’ll be able to get the job done in less time than it’ll take you to brew that next pot of coffee.

Continue reading →

How to Format Your Images with Copyblogger

Ace as a puppy

If you want your blog posts to appear as polished as possible, then proper image styling is a must. Gone are the days of align="left" and align="right"—the best way to style your images is through the use of CSS classes, and the Copyblogger theme comes with a robust set of image styling options that will have you looking like a formatting pro in no time.

The only roadblock that stands in between you and these styles is the WordPress posting interface itself. You can’t apply CSS classes to image declarations from within the visual text editor, so you’ll have to switch to the code editor in order to make it happen. Don’t worry, though—it’s a straightforward process, and I’m going to walk you through it right now.

Continue reading →

How to Use the Copyblogger Theme Like a Pro

The only thing better than a great WordPress theme is actually knowing how to max out the numerous features and styling benefits that it offers. In lieu of that earth-shattering revelation, I’d like to take you on a guided tour so you’ll be equipped with the knowledge you need to make the most of the Copyblogger Theme for WordPress.

First, a Word on the Layout

Typographic grid thumbnailThe layout you see today is not the original Copyblogger design—it’s one that’s been “digitally remastered” to achieve a quality standard that I feel is unsurpassed in the world of open-source theme development. I used relative (or em-based) sizing on nearly every element of the theme, making it an infinitely scalable layout that can accommodate visually-impaired users with ease. If you’re using FireFox, resize the text with ctrl + + to see how this works.

Also, I took extreme care to develop the theme so that it adheres quite strictly to a typographic grid. Click on the thumbnail above to get an idea what I mean, or read about setting type on the Web if you’re into that sort of thing. Continue reading →