This document provides an overview of WordPress, including what it is, what a web content management system (WCMS) is, the pros and cons of WordPress, the types of sites that can be built with it, when to use or not use WordPress, how to use WordPress through themes, plugins and other features, and where WordPress is commonly used and where to find resources.

1. for web designers
what, when, how, where
Núria Ramoneda @nuriarai June 2012 #webcat

2. Who am I?
• A mother of a teenager
• A freelancer collaborating with Enfusión and
other agencies
• Working on the web side from 2006
• Working in desktop applications from 1996
• With a history degree never used
• Passionate for the web
• Running ww.tresxnou.cat and now
www.paddingzero.com

3. What is Wordpress?
WordPress is a free and
open source blogging tool
and a dynamic content
management system (CMS)
based on PHP and MySQL.
(wikipedia)

4. What is a wcms?
A WCMS is a software system that
provides website authoring,
collaboration, and administration
tools designed to allow users with
little knowledge of web
programming languages or
markup languages to create and
manage website content with
relative ease. (wikipedia)

5. What is good?
• Easy to setup
• Low learning curve
• Thousands of plugins
• Thousands of themes
• Big developer community
• Friendly and easy user interface
• SEO friendly
• Output standard, semanthic and clean code
(depending on the theme, of course!)

6. What is bad?
• Thousands of plugins
• Thousands of themes
• Lack of in-build multilingual capability
• Scalability
• Lack of an easiest way to implement
caching
• More flexible and powerfull user
permisions management

7. What is ugly?
• The WYSIWYG editor  the TinyMCE
editor in WP has a lazy behaviour with
HTML paragraph tags <p></p>
• Media management have to be improved
• More advanced management of pages
and subpages

8. What kind of sites we can do?

9. What kind of sites we can do?
• Blogs

10. What kind of sites we can do?
• Blogs
• Galleries

11. What kind of sites we can do?
• Blogs
• Galleries
• Portfolios

12. What kind of sites we can do?
• Blogs
• Galleries
• Portfolios
• Shopping

13. What kind of sites we can do?
• Blogs • Magazines
• Galleries
• Portfolios
• Shopping

14. What kind of sites we can do?
• Blogs • Magazines
• Galleries • Professional sites
• Portfolios
• Shopping

15. What kind of sites we can do?
• Blogs • Magazines
• Galleries • Professional sites
• Portfolios • Enterprise sites
• Shopping

16. What kind of sites we can do?
• Blogs • Magazines
• Galleries • Professional sites
• Portfolios • Enterprise sites
• Shopping • Community sites
Almost everything....

17. When can you use Wordpress?

18. When can you use Wordpress?
When client needs:

19. When can you use Wordpress?
When client needs:
- update content often

20. When can you use Wordpress?
When client needs:
- update content often
- update content on their own

21. When can you use Wordpress?
When client needs:
- update content often
- update content on their own
- update content easily

22. When can you use Wordpress?
When client needs:
- update content often
- update content on their own
- update content easily
When client has:

23. When can you use Wordpress?
When client needs:
- update content often
- update content on their own
- update content easily
When client has:
- a low budget

24. When can you use Wordpress?
When client needs:
- update content often
- update content on their own
- update content easily
When client has:
- a low budget
- no time to get the site running

25. When not to use wordpress?
In small and simple sites
In very large and complex sites
- With thousands of pages or
- With complex workflow rules or
- With lots of distinct roles for 100s of users or
- With a high-level traffic expected

26. When not to use wordpress?
In small and simple sites
– With less than 10 pages and
– With no database needs and
– With no frequently updates
In very large and complex sites
- With thousands of pages or
- With complex workflow rules or
- With lots of distinct roles for 100s of users or
- With a high-level traffic expected

27. How to use wordpress?
Different aproachs: more
• create a new theme from scratch
• create a new theme/child from a
framework php skills
• take a good theme that has a similar Budget
layout to your desing and rebuild it
• take a good theme and tunning it
less

28. http://twentyelevendemo.wordpress.com/ http://int-team.com/ca/serveis-a-empreses/

29. http://twentyelevendemo.wordpress.com/ http://int-team.com/ca/serveis-a-empreses/

30. http://twentyelevendemo.wordpress.com/ http://int-team.com/ca/serveis-a-empreses/

31. http://yoko.elmastudio.de/ http://dosymedia.es/en

32. http://yoko.elmastudio.de/ http://dosymedia.es/en

33. http://yoko.elmastudio.de/ http://dosymedia.es/en

34. http://yoko.elmastudio.de/
http://spain.pacificworld.com/

35. http://yoko.elmastudio.de/
http://spain.pacificworld.com/

36. http://yoko.elmastudio.de/
http://spain.pacificworld.com/

37. How to use wordpress?
• Child Themes
• Page templates
• Widgets
• Menu building tool
• Custom fields  beyond build-in fields
• Custom content types  beyond posts & pages
• Custom taxonomies  beyond tags & categories
• Shortcodes
• Filter hooks and action hooks
• Adding styles to editor

38. Where are using wordpress?
• Smashing magazine
• Sitepoint
• Techcrunch
• Nathional Geographic Magazine Netherlands
• CBS New York
• The official Star Wars
• Number10 UK government office
• Kb24 (Kobe Bryant)
• CNN politics
• Much more....

39. Smashing & Sitepoint
?
WTF

40. Silvester Stalone
http://sylvesterstallone.com/

41. New York Times Blogs
http://krugman.blogs.nytimes.com/

42. The Pixel Blog
http://www.thepixel.com/blog/

43. Thinkspace: Art gallery
http://thinkspacegallery.com/

44. NEXT
www.next.kz

45. Harvard gazette

46. hMAG magazine
http://www.hmag.com/

47. Babble comunity
http://babble.com/

48. Redorbit comunity
http://www.redorbit.com/

49. WormSign
http://www.wormsigntshirts.co.uk/

50. http://www.html5mania.com/

51. http://www.emenia.es/

52. Where are...?
• Elegant themes
• Woo themes
• Press 75
• I themes
• Theme forest • Thesis
• Studio press • Genesis
• Elmastudio • Page lines

53. Where are...?
good themes:
• Elegant themes
• Woo themes
• Press 75
• I themes
• Theme forest • Thesis
• Studio press • Genesis
• Elmastudio • Page lines

54. Where are...?
good themes:
• Elegant themes
• Woo themes
• Press 75 good frameworks:
• I themes
• Theme forest • Thesis
• Studio press • Genesis
• Elmastudio • Page lines

55. Where are...?
http://wordpress.stackexchange.com/
http://codex.wordpress.org/Main_Page
http://net.tutsplus.com/category/tutorials/
wordpress/
http://wpcandy.com/
http://wpmu.org/
http://wordpress.tv/
http://core.trac.wordpress.org/
http://ayudawordpress.com/

56. Where are...?
good resources:
http://wordpress.stackexchange.com/
http://codex.wordpress.org/Main_Page
http://net.tutsplus.com/category/tutorials/
wordpress/
http://wpcandy.com/
http://wpmu.org/
http://wordpress.tv/
http://core.trac.wordpress.org/
http://ayudawordpress.com/

57. Code is poetry
Thanks!
#webcat - June 2012
@nuriarai
www.enfusion.es www.paddingzero.com