BarCampCHS2: Configuring WP 2010 Theme

Presetners: Cheryl Smithem & Bill Smithem
Charleston Public Relations & Design

[There was a print handout.  I’m not typing a lot here, as I’m still feeling funny….I think it’s the dark/light combo in the room here.]

Twenty Ten is the new default theme for a WP.org install

Turn on permalinks – preferences vary.  Month & name, or name – whatever you want.  Do NOT change this later.

as long as the blog is connected with the front page, you’ll get a fake HOME at the top navbar – use the static page for your front page in reading settings to change that.  You’ll need to tell it which page the posts will go on

You can use a different image as the header using featured image on different pages.  If it’s the wrong size, it’ll reject it, so make this right the first time.  (main header for blog you can crop in WP.  not this one)

image titles can be a regular sentence; doesn’t follow html rules of no spaces

background: full size image, tileable pattern, a color, a gradient.  Look in appearance | background.  You can put in the hex code, select from a colorwheel, or you can upload an image.  Tileable patterns repeat cleanly across the page, obviously.  Using a pattern gives you extra controls so you can control how it tiles, IF it tiles.  Scrolling & fixed are examples.

Gradient = combo of image + setting bg color properly.  Google gradient generators.  Tile horizontally if it’s a small width file.  Put in the same hex as the bottom of the gradient & then it’ll fill the rest of the screen downwards.  Nice!!!!

2010 has 6 widget areas…..2 in sidebar, 4 in the footer

Label?  Categorize carefully!!  Don’t label everything because that destroys your search results

Inactive widgets area lets you save the changes/content you’ve put in a widget.  Putting it back anywhere else erases your customizations

Many plugins come with their own widgets to control them.

New way in a modern theme (only ones that support WP 3.0 up) to move elements around on the page, use Appearance | Menus.

Sources for themes:

theme design = coding (html + css + php) + design (the photoshop file)  [This should all happen AFTER & DURING UX considerations! – A]

Thesis = a popular theme with loads of customization.

Leave a Reply

Your email address will not be published. Required fields are marked *

*