Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

"Wordpress for web designers. What, when, how, where" por @nuriarai

736 views

Published on

Presentación realizada en el #webcat Barcelona de Junio del 2012
Autora: Núria Ramoneda (@nuriarai)

Published in: Technology, Business
  • Be the first to comment

"Wordpress for web designers. What, when, how, where" por @nuriarai

  1. 1. for web designerswhat, when, how, whereNúria Ramoneda @nuriarai June 2012 #webcat
  2. 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. 3. What is Wordpress?WordPress is a free andopen source blogging tooland a dynamic contentmanagement system (CMS)based on PHP and MySQL.(wikipedia)
  4. 4. What is a wcms?A WCMS is a software system thatprovides website authoring,collaboration, and administrationtools designed to allow users withlittle knowledge of webprogramming languages ormarkup languages to create andmanage website content withrelative ease. (wikipedia)
  5. 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. 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. 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. 8. What kind of sites we can do?
  9. 9. What kind of sites we can do? • Blogs
  10. 10. What kind of sites we can do? • Blogs • Galleries
  11. 11. What kind of sites we can do? • Blogs • Galleries • Portfolios
  12. 12. What kind of sites we can do? • Blogs • Galleries • Portfolios • Shopping
  13. 13. What kind of sites we can do? • Blogs • Magazines • Galleries • Portfolios • Shopping
  14. 14. What kind of sites we can do? • Blogs • Magazines • Galleries • Professional sites • Portfolios • Shopping
  15. 15. What kind of sites we can do? • Blogs • Magazines • Galleries • Professional sites • Portfolios • Enterprise sites • Shopping
  16. 16. What kind of sites we can do? • Blogs • Magazines • Galleries • Professional sites • Portfolios • Enterprise sites • Shopping • Community sites Almost everything....
  17. 17. When can you use Wordpress?
  18. 18. When can you use Wordpress? When client needs:
  19. 19. When can you use Wordpress? When client needs: - update content often
  20. 20. When can you use Wordpress? When client needs: - update content often - update content on their own
  21. 21. When can you use Wordpress? When client needs: - update content often - update content on their own - update content easily
  22. 22. When can you use Wordpress? When client needs: - update content often - update content on their own - update content easily When client has:
  23. 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. 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. 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. 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. 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. 28. http://twentyelevendemo.wordpress.com/ http://int-team.com/ca/serveis-a-empreses/
  29. 29. http://twentyelevendemo.wordpress.com/ http://int-team.com/ca/serveis-a-empreses/
  30. 30. http://twentyelevendemo.wordpress.com/ http://int-team.com/ca/serveis-a-empreses/
  31. 31. http://yoko.elmastudio.de/ http://dosymedia.es/en
  32. 32. http://yoko.elmastudio.de/ http://dosymedia.es/en
  33. 33. http://yoko.elmastudio.de/ http://dosymedia.es/en
  34. 34. http://yoko.elmastudio.de/ http://spain.pacificworld.com/
  35. 35. http://yoko.elmastudio.de/ http://spain.pacificworld.com/
  36. 36. http://yoko.elmastudio.de/ http://spain.pacificworld.com/
  37. 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. 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. 39. Smashing & Sitepoint ? WTF
  40. 40. Silvester Stalone http://sylvesterstallone.com/
  41. 41. New York Times Blogs http://krugman.blogs.nytimes.com/
  42. 42. The Pixel Blog http://www.thepixel.com/blog/
  43. 43. Thinkspace: Art gallery http://thinkspacegallery.com/
  44. 44. NEXT www.next.kz
  45. 45. Harvard gazette
  46. 46. hMAG magazine http://www.hmag.com/
  47. 47. Babble comunity http://babble.com/
  48. 48. Redorbit comunity http://www.redorbit.com/
  49. 49. WormSign http://www.wormsigntshirts.co.uk/
  50. 50. http://www.html5mania.com/
  51. 51. http://www.emenia.es/
  52. 52. Where are...?• Elegant themes• Woo themes• Press 75• I themes• Theme forest • Thesis• Studio press • Genesis• Elmastudio • Page lines
  53. 53. Where are...? good themes:• Elegant themes• Woo themes• Press 75• I themes• Theme forest • Thesis• Studio press • Genesis• Elmastudio • Page lines
  54. 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. 55. Where are...?http://wordpress.stackexchange.com/http://codex.wordpress.org/Main_Pagehttp://net.tutsplus.com/category/tutorials/wordpress/http://wpcandy.com/http://wpmu.org/http://wordpress.tv/http://core.trac.wordpress.org/http://ayudawordpress.com/
  56. 56. Where are...?good resources:http://wordpress.stackexchange.com/http://codex.wordpress.org/Main_Pagehttp://net.tutsplus.com/category/tutorials/wordpress/http://wpcandy.com/http://wpmu.org/http://wordpress.tv/http://core.trac.wordpress.org/http://ayudawordpress.com/
  57. 57. Code is poetryThanks! #webcat - June 2012 @nuriaraiwww.enfusion.es www.paddingzero.com

×