SlideShare a Scribd company logo
Designing for WordPressTurn an idea into a reality
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      tammy@tammyhartdesigns.com      @tammyhart
Where to StartBlank canvas
SitemapWireframe
What to Think AboutNO:YES:What can WordPress do?How do I make WordPress do x-y-z?
LimitationsThink “sky”
WordPress Can Do AnythingAnything is:Brochure sitesEcommerceMagazineSocial CommunityKnowledgebaseInvoicing and time trackingFacebook application integrationAnything isn’t:Your laundryFix the economyClimb Mount EverestExplain the meaning of life
WordPress FundamentalsBlogging and pages are built inMedia manipulation has a foundationEverything is in a database, so you can access the content as much as your programming skills will let youRemember: There is probably already a plugin for that!
You KnowWordPress is only as limited as youKnow when to say “no” or have a better ideaKeep your “enemies” close, know about other CMS’s and alternative plugins to your favoritesDo your research - the answer is probably already out there.
Pre-built ThemesProsTons of features and settingsA good base design to start fromAlready designedConsToo many features and settingsToo locked into a design layoutAlready designed
What it Looks LikeFunctionality with style
SouthernIdahoLiving.comMagazine style publishing
KurdishRights.org/prisoners/Simple application
FlowerMag.comCustom content types
VancouverConventionCentre.comNow that’s what I call beyond the blog!
How it WorksTemplates and code
The LoopBasic Loop<?if(have_posts()):while (have_posts()):the_post();?>... Do Stuff Here ...<?endwhile; endif; ?>Basic Functionsthe_title()the_author()the_permalink()the_time()the_content() & the_excerpt()the_category()comments_popup_link()
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 =newWP_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
What to Think AboutNO:YES:What can WordPress do?How do I make WordPress do x-y-z?
ResourcesThat’s not all, folks!
ResourcesIn depth look at Site Design and Layout from WordPress.orghttp://bit.ly/wpdesign01Using Dreamweaver Sites: How to sync your local directory, with a WordPress themes directoryhttp://bit.ly/wpdesign02Tutorials, videos, and other articles about Freelancing and WordPresshttp://www.wpmethod.com
Thanks!Questions?TammyHartDesigns.comtammy@tammyhartdesigns.comtammyhart

More Related Content

PPTX
Design Your First Word Press Theme In Minutes Word Camp Birmingham Brett Bume...
PPTX
arixstudio l virtual web design academy
PDF
Troubleshooting WordPress
PPTX
WordPress 101 for Solo Professionals
PDF
Dayton word press meetup
PDF
Creating a WordPress Website that Works from the Start
PDF
How to Create Content That Drives Traffic to Your Blog
PDF
From WordPress Configurator to WordPress Developer
Design Your First Word Press Theme In Minutes Word Camp Birmingham Brett Bume...
arixstudio l virtual web design academy
Troubleshooting WordPress
WordPress 101 for Solo Professionals
Dayton word press meetup
Creating a WordPress Website that Works from the Start
How to Create Content That Drives Traffic to Your Blog
From WordPress Configurator to WordPress Developer

What's hot (20)

PDF
How To Theme: A Design Workflow for WordPress
PDF
Web Development Tutorial Workshop for Beginners - Learn Responsive Web Design...
PPT
WebPlatform Training
PDF
[wcatx] jQuery for WordPress Theme Designers
PPTX
Becoming a better blogger condensed word camp
PDF
Building An Effective Creative Team | #econfpsu
PPTX
WordPress102 WordCamp Toronto Pre-Camp Meetup
PDF
Make Money with WordPress for Bloggers
PPT
√ Web designing company in mumbai
PDF
How to Blog - #ACR14 Social Media Bootcamp
ODP
How to forward a domain
PDF
Designer vs Developer: Creators in WordPress
PDF
A Beginner's Guide to Popping the Bonnet and Getting Your Hands Dirty
PPTX
WordCamp Baltimore 2016
PPTX
Getting Started with Wordpress
PDF
Introduction to Responsive Web Design
PPTX
How to Make WordPress Your Friend
PDF
SEO Social Blog: Wordpress SEO with Joost de Valk
PPTX
WordPress A - Z for beginners
PDF
Drupaldelphia Shortcuts Cheats And Cheap Stunts
How To Theme: A Design Workflow for WordPress
Web Development Tutorial Workshop for Beginners - Learn Responsive Web Design...
WebPlatform Training
[wcatx] jQuery for WordPress Theme Designers
Becoming a better blogger condensed word camp
Building An Effective Creative Team | #econfpsu
WordPress102 WordCamp Toronto Pre-Camp Meetup
Make Money with WordPress for Bloggers
√ Web designing company in mumbai
How to Blog - #ACR14 Social Media Bootcamp
How to forward a domain
Designer vs Developer: Creators in WordPress
A Beginner's Guide to Popping the Bonnet and Getting Your Hands Dirty
WordCamp Baltimore 2016
Getting Started with Wordpress
Introduction to Responsive Web Design
How to Make WordPress Your Friend
SEO Social Blog: Wordpress SEO with Joost de Valk
WordPress A - Z for beginners
Drupaldelphia Shortcuts Cheats And Cheap Stunts
Ad

Viewers also liked (14)

PPTX
Enterprise information flow and data management
PPT
Word Press And Multimedia
PDF
Responsify!
PPTX
Dont Forget the Milk
PDF
Responsify! 5 Things You Should Know About Responsive Web Design
PDF
WordPress Transients
PDF
Traversing Search Results
PDF
Laying the proper foundation for plugin and theme development
PPT
Professioanl Blogging
PPTX
Freelancing with WordPress
PPT
Word Press & Working With Clients
ODP
Food Blog Design
PPTX
Custom WordPress theme development
PDF
In Browser Design with WordPress
Enterprise information flow and data management
Word Press And Multimedia
Responsify!
Dont Forget the Milk
Responsify! 5 Things You Should Know About Responsive Web Design
WordPress Transients
Traversing Search Results
Laying the proper foundation for plugin and theme development
Professioanl Blogging
Freelancing with WordPress
Word Press & Working With Clients
Food Blog Design
Custom WordPress theme development
In Browser Design with WordPress
Ad

Similar to Designing for WordPress (20)

PPTX
Website designing company in noida
PPTX
Custom WordPress Development Company USA
DOCX
World of WordPress
PPTX
Thoughtful theming
PDF
Wordpress for newbies
PPT
How to manage a big scale HTML/CSS project
PPTX
WordPress 101 - Foundation Friday at WordCamp Chicago 2014 #WCChi
PPTX
How to become a word press developer | Wordpress Training in Chandigarh
PDF
Bootstrap 4 Tutorial PDF for Beginners - Learn Step by Step
PDF
Wordpress course
PDF
Responsive Web Design Tutorial PDF for Beginners
PPTX
Ten tips for word press success
PPT
WordPress Websites: Making and Marketing with Jupiter Jim
PPT
Kick start your career with WordPress
PDF
WordCamp Greenville 2018 - Beware the Dark Side, or an Intro to Development
PPTX
HTML/CSS for WordPress
PPT
Visual Rhetoric: Some Web Odds and Ends
PPS
WordPress & Working With Clients
PDF
So, You Wanna Dev? Join the Team! - WordCamp Raleigh 2017
PPTX
Smash.wordpress
Website designing company in noida
Custom WordPress Development Company USA
World of WordPress
Thoughtful theming
Wordpress for newbies
How to manage a big scale HTML/CSS project
WordPress 101 - Foundation Friday at WordCamp Chicago 2014 #WCChi
How to become a word press developer | Wordpress Training in Chandigarh
Bootstrap 4 Tutorial PDF for Beginners - Learn Step by Step
Wordpress course
Responsive Web Design Tutorial PDF for Beginners
Ten tips for word press success
WordPress Websites: Making and Marketing with Jupiter Jim
Kick start your career with WordPress
WordCamp Greenville 2018 - Beware the Dark Side, or an Intro to Development
HTML/CSS for WordPress
Visual Rhetoric: Some Web Odds and Ends
WordPress & Working With Clients
So, You Wanna Dev? Join the Team! - WordCamp Raleigh 2017
Smash.wordpress

Recently uploaded (20)

PDF
Phone away, tabs closed: No multitasking
PPTX
rapid fire quiz in your house is your india.pptx
PDF
Trusted Executive Protection Services in Ontario — Discreet & Professional.pdf
DOCX
The story of the first moon landing.docx
PPT
EGWHermeneuticsffgggggggggggggggggggggggggggggggg.ppt
PPTX
Special finishes, classification and types, explanation
PPT
Machine printing techniques and plangi dyeing
PPTX
CLASS_11_BUSINESS_STUDIES_PPT_CHAPTER_1_Business_Trade_Commerce.pptx
PDF
Urban Design Final Project-Site Analysis
PDF
Quality Control Management for RMG, Level- 4, Certificate
PPTX
Tenders & Contracts Works _ Services Afzal.pptx
PDF
Urban Design Final Project-Context
PPTX
ANATOMY OF ANTERIOR CHAMBER ANGLE AND GONIOSCOPY.pptx
PDF
SEVA- Fashion designing-Presentation.pdf
PPTX
AC-Unit1.pptx CRYPTOGRAPHIC NNNNFOR ALL
PPTX
HPE Aruba-master-icon-library_052722.pptx
PPT
WHY_R12 Uaafafafpgradeaffafafafaffff.ppt
PDF
YOW2022-BNE-MinimalViableArchitecture.pdf
PPTX
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
PDF
Emailing DDDX-MBCaEiB.pdf DDD_Europe_2022_Intro_to_Context_Mapping_pdf-165590...
Phone away, tabs closed: No multitasking
rapid fire quiz in your house is your india.pptx
Trusted Executive Protection Services in Ontario — Discreet & Professional.pdf
The story of the first moon landing.docx
EGWHermeneuticsffgggggggggggggggggggggggggggggggg.ppt
Special finishes, classification and types, explanation
Machine printing techniques and plangi dyeing
CLASS_11_BUSINESS_STUDIES_PPT_CHAPTER_1_Business_Trade_Commerce.pptx
Urban Design Final Project-Site Analysis
Quality Control Management for RMG, Level- 4, Certificate
Tenders & Contracts Works _ Services Afzal.pptx
Urban Design Final Project-Context
ANATOMY OF ANTERIOR CHAMBER ANGLE AND GONIOSCOPY.pptx
SEVA- Fashion designing-Presentation.pdf
AC-Unit1.pptx CRYPTOGRAPHIC NNNNFOR ALL
HPE Aruba-master-icon-library_052722.pptx
WHY_R12 Uaafafafpgradeaffafafafaffff.ppt
YOW2022-BNE-MinimalViableArchitecture.pdf
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
Emailing DDDX-MBCaEiB.pdf DDD_Europe_2022_Intro_to_Context_Mapping_pdf-165590...

Designing for WordPress

  • 1. Designing for WordPressTurn an idea into a reality
  • 2. 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 tammy@tammyhartdesigns.com @tammyhart
  • 5. What to Think AboutNO:YES:What can WordPress do?How do I make WordPress do x-y-z?
  • 7. WordPress Can Do AnythingAnything is:Brochure sitesEcommerceMagazineSocial CommunityKnowledgebaseInvoicing and time trackingFacebook application integrationAnything isn’t:Your laundryFix the economyClimb Mount EverestExplain the meaning of life
  • 8. WordPress FundamentalsBlogging and pages are built inMedia manipulation has a foundationEverything is in a database, so you can access the content as much as your programming skills will let youRemember: There is probably already a plugin for that!
  • 9. You KnowWordPress is only as limited as youKnow when to say “no” or have a better ideaKeep your “enemies” close, know about other CMS’s and alternative plugins to your favoritesDo your research - the answer is probably already out there.
  • 10. Pre-built ThemesProsTons of features and settingsA good base design to start fromAlready designedConsToo many features and settingsToo locked into a design layoutAlready designed
  • 11. What it Looks LikeFunctionality with style
  • 17. The LoopBasic Loop<?if(have_posts()):while (have_posts()):the_post();?>... Do Stuff Here ...<?endwhile; endif; ?>Basic Functionsthe_title()the_author()the_permalink()the_time()the_content() & the_excerpt()the_category()comments_popup_link()
  • 18. 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 =newWP_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
  • 19. What to Think AboutNO:YES:What can WordPress do?How do I make WordPress do x-y-z?
  • 21. ResourcesIn depth look at Site Design and Layout from WordPress.orghttp://bit.ly/wpdesign01Using Dreamweaver Sites: How to sync your local directory, with a WordPress themes directoryhttp://bit.ly/wpdesign02Tutorials, videos, and other articles about Freelancing and WordPresshttp://www.wpmethod.com