Customizing WordPress ThemesPhelan Riessen

@imagiumphelan@digithrive.comwww.SDTechScene.org

What is WordPress?

• Blogging Platform• WordPress as a CMS• Pages vs Posts• Automation• SEO

Free & purchased themes/2010 theme

• Theme Forest, Template Monster• Tons of Free Templates

http://wordpress.org/extend/themes/• 2010 Theme

Where to Change a theme

• Domain.com/wp-content/themes/name• Changing theme

inside admin• 1,336 themes

29,517,887 downloads, and counting.

Website Examples

• Planet Apparel• Pro Restaurant• SD Sport & Spine• Mindful Design

Image Sliders

• jQuery.com• MooTools.com• Script.aculo.us

• Google: – jQuery Image Gallery– jQuery Image Slider– Carousel

A Great How To Example

• Formerly StickManLabs.com- Now http://www.p51labs.com/lightwindow/

File Structure

• index.php, page.php, single.php, 404.php, archive.php, search.php, sidebar.php

• header.php, footer.php, style.css• functions.php, loop.php

Standard index.php file

Modified Index.php w/ CSS

Other Pages

Widgets

• Current widget

• Modified function.php

Adding JavaScript

• Direct to Theme Templateor use plugins

• Comment your code!<--! Start Slider Script -->

<--! End Slider Script -->

Use WordPress Plugins

• HiFi (Head Injection, Foot Injection) http://wordpress.org/extend/plugins/hifi/

• Head Cleaner http://wordpress.org/extend/plugins/head-cleaner/ (cleans up JS files)

• Page.ly MultiEdit http://wordpress.org/extend/plugins/pagely-multiedit/ (CMS - add more blocks of content)

• More Fieldshttp://wordpress.org/extend/plugins/more-fields/

Use FireBug!

• F12 is your friend

Hacking Free Themes

• Getting ready of pesky copyright info– CSS: Display: None;

Conclusion

• Know CSS and WP scripts• Test, test, test• Search, archives, pages, posts, 404• Crossbrowser check– Firefox– Safari– IE versions– Mobile versions

Shameless Promotion

www.MarchMingle.comMarch 29th, 2010URBN North Park