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

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

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

what, when, how, where

June 2012 #webcat

for web designers

Núria Ramoneda @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

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)

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)

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

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

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

What kind of sites we can do?

• Blogs

What kind of sites we can do?

• Blogs• Galleries

What kind of sites we can do?

• Blogs• Galleries• Portfolios

What kind of sites we can do?

• Blogs• Galleries• Portfolios• Shopping

What kind of sites we can do?

• Blogs• Galleries• Portfolios

• Magazines

• Shopping

What kind of sites we can do?

• Blogs• Galleries• Portfolios

• Magazines• Professional sites

• Shopping

What kind of sites we can do?

• Blogs• Galleries• Portfolios

• Magazines• Professional sites• Enterprise sites

• Shopping

What kind of sites we can do?

• Blogs• Galleries• Portfolios

• Magazines• Professional sites• Enterprise sites

• Shopping

Almost everything....

What kind of sites we can do?

• Community sites

When can you use Wordpress?

When can you use Wordpress?

When client needs:

When can you use Wordpress?

When client needs:- update content often

When can you use Wordpress?

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

When can you use Wordpress?

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

When can you use Wordpress?

When client needs:

When client has:

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

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

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

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

– 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

• 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

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

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

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

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

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

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

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

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

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

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

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

Smashing & Sitepoint

WTF?

http://sylvesterstallone.com/

Silvester Stalone

New York Times Blogs

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

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

The Pixel Blog

Thinkspace: Art gallery

http://thinkspacegallery.com/

NEXT

www.next.kz

Harvard gazette

hMAG magazine

http://www.hmag.com/

Babble comunity

http://babble.com/

Redorbit comunity

http://www.redorbit.com/

WormSign

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

http://www.emenia.es/

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

Where are...?

• Thesis• Genesis• Page lines

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

Where are...?

good themes:

• Thesis• Genesis• Page lines

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

Where are...?

good themes:

good frameworks:

• Thesis• Genesis• Page lines

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

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:

Thanks!

@nuriaraiwww.paddingzero.com

#webcat - June 2012

www.enfusion.es

Code is poetry