Getting Started

Posted December 11th, 2009 by Michael Janzen

Administration Control Panel

Basic simplicity has a control panel for making easy edits to the colors: Appearance > Edit Basic Simplicity. Just edit the hex color codes (like #0000ff) in this admin form. You can also add your Google Analytics code, Google site verification code, and custom css on the admin page.

Note for advanced users: If you want to edit the main stylesheet you’ll need to comment out the dynamic CSS code in the header just above the BODY tag or the default settings may override your CSS edits.

You’ll also notice that I’ve used visibility: hidden for the header and description. I left it in for search engine optimization reasons but if you want to make them visible just delete that attribute and color as you see fit.

Configuration Tips

Images

Set your large image default to 600-pixels and your medium to 300px for best results. This way when so when you upload images they span the main column. Do this on the page at Settings > Media.

Use The More Link and Next Page Link

Use the more link or nextpage link in every long post. I like to start with text and then have a 600-pixel wide image followed by a little more text and a more link. I’ve styled the more link to stand out nicely.

more-link-iconA more link is a way to cut long posts on the home, search, and archives pages. You can add it by using the little icon in the WYSIWYG editor or by typing <!–more–> in the text view. The nextpage link doesn’t seem to be available in the WYSIWYG editor in WordPress. But you can toggle into HTML view and type <!–nextpage–> at the page breaks. This will add page numbering to your pages and break long posts into multiple pages.

Widget Regions

I’ve built Basic Simplicity with ten widget regions that should make it easy to add supporting content, navigation, and advertising. Below are some tips for each of the areas.

Sidebar-Main: This is the normal right side sidebar. I made the sidebar 300 pixels wide. If you want to place standard 300×250 ads there just use the Text Widget.

Bottom-Left, Bottom-Middle, Bottom-Right: At the bottom of the page you’ll see a grey bar. This is in fact a region called #bottom just above the normal footer region. It’s 3-columns about 300 pixels wide each. Each column is also a separate widget region perfect for things you don’t want cluttering the right sidebar.

Column-Top, Home-Top: This is a region just above the main content column perfect for a 468×60 ad or the built-in Tags Didget. Home-Top is the same as Column-Top except it only appears on the home page.

Post-Top-Right-Single, Post-Top-Right-Home: This is a widget area 300-pixels wide at the top right of the content on pages and posts. Add a text widget and paste in your 300×250 ad code. Post-Top-Right-Home is the same as Post-Top-Right-Single except it only appears on the home page.

Post-Bottom-Single, Post-Bottom-Home: This is a widget area below the content on pages and posts. Add a text widget and paste in your 468×60 ad code. Anything up to 600-pixels wide can be added to this widget region. Post-Bottom-Home is the same as Post-Bottom-Single except it only appears on the home page.



Leave a Reply