designing for wordpress

22
Designing for WordPress Turn an idea into a reality

Upload: tammy-hart

Post on 13-Nov-2014

1.066 views

Category:

Design


0 download

DESCRIPTION

Just how far can WordPress go? Should I use a premade theme, or build my own? Does it have to look a certain way?

TRANSCRIPT

Page 1: Designing for WordPress

Designing for WordPress

Turn an idea into a reality

Page 2: Designing for WordPress

Who Am I?

I am a self-taught designer and programmer with over 5 years of experience working with a variety of businesses, non-profits, and individuals.

While I specialize in WordPress themes and CMS development, I also do all levels of Web Design and XHTML/CSS coding.

I freelance some through my personal brand, Tammy Hart Designs while also working a full time gig at blr | further as a UI Developer.

TammyHartDesigns.com

[email protected]

@tammyhart

Page 3: Designing for WordPress

WHERE TO STARTBlank canvas

Page 4: Designing for WordPress

Sitemap

Wireframe

Page 5: Designing for WordPress

What to Think About

NO:

YES:

What can WordPress do?

How do I make WordPress do x-y-z?

Page 6: Designing for WordPress

LIMITATIONSThink “sky”

Page 7: Designing for WordPress

WordPress Can Do Anything

Anything is:

Brochure sites

Ecommerce

Magazine

Social Community

Knowledgebase

Invoicing and time tracking

Facebook application integration

Anything isn’t:

Your laundry

Fix the economy

Climb Mount Everest

Explain the meaning of life

Page 8: Designing for WordPress

WordPress Fundamentals Blogging and pages are built in

Media manipulation has a foundation

Everything is in a database, so you can access the content as much as your programming skills will let you

Remember: There is probably already a plugin for that!

Page 9: Designing for WordPress

You Know WordPress is only as limited as you

Know when to say “no” or have a better idea

Keep your “enemies” close, know about other CMS’s and alternative plugins to your favorites

Do your research - the answer is probably already out there.

Page 10: Designing for WordPress

Pre-built Themes

Pros

Tons of features and settings

A good base design to start from

Already designed

Cons

Too many features and settings

Too locked into a design layout

Already designed

Page 11: Designing for WordPress

WHAT IT LOOKS LIKEFunctionality with style

Page 12: Designing for WordPress

SouthernIdahoLiving.comMagazine style publishing

Page 13: Designing for WordPress

KurdishRights.org/prisoners/Simple application

Page 14: Designing for WordPress

FlowerMag.comCustom content types

Page 15: Designing for WordPress

VancouverConventionCentre.comNow that’s what I call beyond the blog!

Page 16: Designing for WordPress

HOW IT WORKSTemplates and code

Page 17: Designing for WordPress

The Loop

Basic Loop

<?

if (have_posts()) :

while (have_posts()) : the_post();

?>

... Do Stuff Here ...

<?

endwhile;

endif;

?>

Basic Functions

the_title()

the_author()

the_permalink()

the_time()

the_content() & the_excerpt()

the_category()

comments_popup_link()

Page 18: Designing for WordPress

Get Posts by Category<?

$categories = get_categories('exclude=16');

foreach ($categories as $cat) {

if($cat->parent == 0) {

?>

<div class="catgroup">

<?

$counter = 0;

$catID = $cat->cat_ID;

$sections = new WP_query(

array('cat' => $catID,'monthnum' => $month,'year' => $year)

);

while ($sections->have_posts()) : $sections->the_post();

$counter++; $currentposts[] = $post->ID;

?>

... Do Stuff Here ...

<? endwhile; ?>

</div>

<? } } // end if parent and foreach ?>SouthernIdahoLiving.com by Tammy Hart

Page 19: Designing for WordPress

What to Think About

NO:

YES:

What can WordPress do?

How do I make WordPress do x-y-z?

Page 20: Designing for WordPress

RESOURCESThat’s not all, folks!

Page 21: Designing for WordPress

Resources

In depth look at Site Design and Layout from WordPress.orghttp://bit.ly/wpdesign01

Using Dreamweaver Sites: How to sync your local directory, with a WordPress themes directoryhttp://bit.ly/wpdesign02

Tutorials, videos, and other articles about Freelancing and WordPresshttp://www.wpmethod.com

Page 22: Designing for WordPress

Thanks!

Questions?

TammyHartDesigns.com

[email protected]

tammyhart