Top Banner
what, when, how, where June 2012 #webcat for web designers Núria Ramoneda @nuriarai
57

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

Jan 29, 2018

Download

Technology

webcat
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: "Wordpress for web designers. What, when, how, where" por @nuriarai

what, when, how, where

June 2012 #webcat

for web designers

Núria Ramoneda @nuriarai

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

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

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

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)

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

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)

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

• 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!)

What is good?

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

• 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

What is bad?

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

• 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

What is ugly?

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

What kind of sites we can do?

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

• Blogs

What kind of sites we can do?

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

• Blogs• Galleries

What kind of sites we can do?

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

• Blogs• Galleries• Portfolios

What kind of sites we can do?

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

• Blogs• Galleries• Portfolios• Shopping

What kind of sites we can do?

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

• Blogs• Galleries• Portfolios

• Magazines

• Shopping

What kind of sites we can do?

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

• Blogs• Galleries• Portfolios

• Magazines• Professional sites

• Shopping

What kind of sites we can do?

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

• Blogs• Galleries• Portfolios

• Magazines• Professional sites• Enterprise sites

• Shopping

What kind of sites we can do?

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

• Blogs• Galleries• Portfolios

• Magazines• Professional sites• Enterprise sites

• Shopping

Almost everything....

What kind of sites we can do?

• Community sites

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

When can you use Wordpress?

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

When can you use Wordpress?

When client needs:

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

When can you use Wordpress?

When client needs:- update content often

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

When can you use Wordpress?

When client needs:- update content often- update content on their own

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

When can you use Wordpress?

When client needs:- update content often- update content on their own - update content easily

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

When can you use Wordpress?

When client needs:

When client has:

- update content often- update content on their own - update content easily

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

When can you use Wordpress?

When client needs:

When client has:

- a low budget

- update content often- update content on their own - update content easily

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

When can you use Wordpress?

When client needs:

When client has:

- a low budget - no time to get the site running

- update content often- update content on their own - update content easily

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

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

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

– With less than 10 pages and– With no database needs and– With no frequently updates

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

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

• create a new theme from scratch• create a new theme/child from a

framework• take a good theme that has a similar

layout to your desing and rebuild it• take a good theme and tunning it

How to use wordpress?

Different aproachs: more

php skills

less

Budget

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

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

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

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

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

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

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

http://dosymedia.es/enhttp://yoko.elmastudio.de/

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

http://dosymedia.es/enhttp://yoko.elmastudio.de/

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

http://dosymedia.es/enhttp://yoko.elmastudio.de/

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

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

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

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

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

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

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

• 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

How to use wordpress?

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

• 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....

Where are using wordpress?

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

Smashing & Sitepoint

WTF?

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

http://sylvesterstallone.com/

Silvester Stalone

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

New York Times Blogs

http://krugman.blogs.nytimes.com/

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

http://www.thepixel.com/blog/

The Pixel Blog

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

Thinkspace: Art gallery

http://thinkspacegallery.com/

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

NEXT

www.next.kz

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

Harvard gazette

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

hMAG magazine

http://www.hmag.com/

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

Babble comunity

http://babble.com/

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

Redorbit comunity

http://www.redorbit.com/

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

WormSign

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

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

http://www.html5mania.com/

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

http://www.emenia.es/

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

• Elegant themes• Woo themes• Press 75• I themes• Theme forest• Studio press• Elmastudio

Where are...?

• Thesis• Genesis• Page lines

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

• Elegant themes• Woo themes• Press 75• I themes• Theme forest• Studio press• Elmastudio

Where are...?

good themes:

• Thesis• Genesis• Page lines

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

• Elegant themes• Woo themes• Press 75• I themes• Theme forest• Studio press• Elmastudio

Where are...?

good themes:

good frameworks:

• Thesis• Genesis• Page lines

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

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/

Where are...?

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

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/

Where are...? good resources:

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

Thanks!

@nuriaraiwww.paddingzero.com

#webcat - June 2012

www.enfusion.es

Code is poetry