WordPress, muito além de um software para blogs

Eu Desenvolvedor Front-end e blogueiro

@richardbarros@photomatt

@yogodoshi

Vocês1. Quem já ouviu falar no WordPress?

2. Quem usa ou já usou?

3. Quem desenvolve com ele?

O tempo é curto...

WordPress!?

WordPress!?

> CMS

WordPress!?

> CMS

> Open Source

WordPress em números

É Campeão!1º lugar no Open Source CMS Awards 2009

na frente do Joomla, Drupal e+

Título do slideAdgsdgsdgsdgSdgsdgsdgSdgsdgsgfbnjfjf

Razões para usar o WP

1. Estável

Razões para usar o WP

1. Estável

#FAIL

Razões para usar o WP

1. Estável

2. Maduro

Razões para usar o WP

1. Estável

2. Maduro1. Foi desenvolvido em 2003

2. b2 existia desde 2001

Razões para usar o WP

1. Estável

2. Maduro

3. Seguro

Razões para usar o WP

1. Estável

2. Maduro

3. Seguro1. Está na versão 2.9.2

2. Atualizações de 3 em 3 meses

Razões para usar o WP

1. Estável

2. Maduro

3. Seguro

4. Amigável para o usuário final

Razões para usar o WP

1. Estável

2. Maduro

3. Seguro

4. Amigável para o usuário final

5. Extensível

Razões para usar o WP

1. Estável

2. Maduro

3. Seguro

4. Amigável para o usuário final

5. Extensível

6. Ótimo Sistema de Templates

Razões para usar o WP

Razões para usar o WP

1. Estável

2. Maduro

3. Seguro

4. Amigável para o usuário final

5. Extensível

6. Ótimo Sistema de Templates

7. Forte em SEO

Razões para usar o WP

1. Estável

2. Maduro

3. Seguro

4. Amigável para o usuário final

5. Extensível

6. Ótimo Sistema de Templates

7. Forte em SEO1. Gera código válido

2. Permalinks amigáveis

3. Posts indexados em minutos

Razões para usar o WP

1. Estável

2. Maduro

3. Seguro

4. Amigável para o usuário final

5. Extensível

6. Ótimo Sistema de Templates

7. Forte em SEO

8. Comunidade

Razões para usar o WP

1. Estável

2. Maduro

3. Seguro

4. Amigável para o usuário final

5. Extensível

6. Ótimo Sistema de Templates

7. Forte em SEO

8. Comunidade

9. Documentação Completa

O Poder do WP

Agora vamos

conhecer o poder

do WordPress!

Por que usar o WP como um CMS?

1. Diferentes níveis de usuários• Administrador• Editor• Autor• Colaborador• Assinante

Por que usar o WP como um CMS?

1. Diferentes níveis de usuários• Administrador• Editor• Autor• Colaborador• Assinante

• Plugin: Role Manager

Por que usar o WP como um CMS?

2. Posts• Adicionar categorias• Adicionar tags• Rascunho/ Agendar posts• Fácil de inserir imagens, vídeos, etc...• Comparar versões de posts• Editar imagens

Por que usar o WP como um CMS?

3. Pages e Custom Page Templates• O que são páginas dentro do WordPress?• Permitem hierarquia• Exemplos de Páginas

Por que usar o WP como um CMS?

Por que usar o WP como um CMS?

3. Pages e Custom Page Templates• O que são páginas dentro do WordPress?• Permitem hierarquia• Exemplos de Páginas• Exemplo de Página customizada (ou posts,

categorias, tags, etc)

Por que usar o WP como um CMS?

Por que usar o WP como um CMS?

Por que usar o WP como um CMS?

Por que usar o WP como um CMS?

4. Custom Fields

O que são? Pra que servem?

Por que usar o WP como um CMS?

Por que usar o WP como um CMS?

Porque o seu cliente vai poder customizar sozinho!

Por que usar o WP como um CMS?

5. Widgets

O que são? Pra que servem?

Por que usar o WP como um CMS?

6. Quicktags

O que são? Exemplos de uso

Por que usar o WP como um CMS?

Porque os webdesigners terão total liberdade para criar!

@sazzy

@larissameek

@leemunroe

Por que usar o WP como um CMS?

7. Conditional Tags• is_single()• is_page(’23’)• is_category()• has_tag()• is_paged()• etc...

Por que usar o WP como um CMS?

8. query_posts()• Nada de select * from tabela1 inner join tabela2...• Tudo é feito passando argumentos• Tá tudo na documentação

Por que usar o WP como um CMS?

9. Template tag pra tudo!• get_posts()

Por que usar o WP como um CMS?

9. Template tag pra tudo!• get_posts()• wp_list_categories()

Por que usar o WP como um CMS?

9. Template tag pra tudo!• get_posts()• wp_list_categories()• wp_list_pages()

Por que usar o WP como um CMS?

9. Template tag pra tudo!• get_posts()• wp_list_categories()• wp_list_pages()• wp_get_archives()

Por que usar o WP como um CMS?

9. Template tag pra tudo!• get_posts()• wp_list_categories()• wp_list_pages()• wp_get_archives()• wp_tag_cloud()

Por que usar o WP como um CMS?

10. Milhares de plugins• 7.000+ plugins (3/dia)

Não estou inventando moda...Galeria de Sites: We Love WP

Não estou inventando moda...Portfólio: Meu portfólio #jabá

Não estou inventando moda...Revista Online: XXLmag

Não estou inventando moda...Site Institucional: Vancouver Convention Centre

Não estou inventando moda...Case Brasileiro: Ministério da Cultura

Não estou inventando moda...The Ford Story

Não estou inventando moda...Logo Instant

Não estou inventando moda...Quem mais usa?

• Globo.com• R7• Petrobrás• Mozilla• Playstation• Sony• New York Times• etc...

Plugins...

PluginsPergunta:

Por que tantos plugins?

PluginsPergunta:

Por que tantos plugins?

Resposta:Para que o seu site não fique pesado, você só

vai usar o que for necessário!

Plugins, resolvedores de problemas

Qual o seu problema?

Plugins, resolvedores de problemas

Problema:Estou recebendo muito SPAM no meu blog/site!

Plugins, resolvedores de problemas

Problema:Estou recebendo muito SPAM no meu blog/site!

Solução:Akismet

Plugins, resolvedores de problemas

Problema:Meu site não está bem posicionado no Google...

Plugins, resolvedores de problemas

Problema:Meu site não está bem posicionado no Google...

Solução:Platinum SEO Pack/ All in one SEO Pack/ Headspace2

Plugins, resolvedores de problemas

Plugins, resolvedores de problemas

Problema:Quero listar posts que tenham relação entre si...

Plugins, resolvedores de problemas

Problema:Quero listar posts que tenham relação entre si...

Solução:Yet another related posts plugin

Plugins, resolvedores de problemas

Plugins, resolvedores de problemas

Problema:Quero fazer uma alteração no site mas ele está no ar...

Plugins, resolvedores de problemas

Problema:Quero fazer uma alteração no site mas ele está no ar...

Solução:Maintenance mode

Plugins, resolvedores de problemas

Problema:Preciso criar um usuário para um colaborador de uma categoria específica de posts, quero que ele só possa editar os posts dessa categoria e mais nenhuma.

Plugins, resolvedores de problemas

Problema:Preciso criar um usuário para um colaborador de uma categoria específica de posts, quero que ele só possa editar os posts dessa categoria e mais nenhuma.

Solução:Role Manager

Plugins, resolvedores de problemas

Problema:Meu cliente é MUITO leigo e vai se enrolar na hora de escrever um post!

Plugins, resolvedores de problemas

Problema:Meu cliente é MUITO leigo e vai se enrolar na hora de escrever um post!

Solução:WP-CMS Post Control

Plugins, resolvedores de problemas

Plugins, resolvedores de problemas

Problema:Que saco ter que ficar entrando no painel de controle do meu host para mexer no banco de dados...

Plugins, resolvedores de problemas

Problema:Que saco ter que ficar entrando no painel de controle do meu host para mexer no banco de dados...

Solução:WP-DBmanager

Plugins, resolvedores de problemas

Problema:Meu host não faz backup do banco de dados...

Plugins, resolvedores de problemas

Problema:Meu host não faz backup do banco de dados...

Solução:WP-DB-Backup

Plugins, resolvedores de problemas

Problema:Meu host, que não é o Dreamhost, não faz backup nem dos meus arquivos!

Plugins, resolvedores de problemas

Problema:Meu host, que não é o Dreamhost, não faz backup nem dos meus arquivos!

Solução:WordPress Backup

Plugins, resolvedores de problemas

Problema:Tenho trocentas pessoas mexendo na administração do WordPress, como vou saber quem sacaneou tudo aqui?

Plugins, resolvedores de problemas

Problema:Tenho trocentas pessoas mexendo na administração do WordPress, como vou saber quem sacaneou tudo aqui?

Solução:Audit Trail

Plugins, resolvedores de problemas

Plugins, resolvedores de problemas

Problema:Meu site está no ar mas estou criando um tema novo pra ele, como posso testar o tema que estou criando sem ter que copiar todo o site e o banco de dados para outro lugar?

Plugins, resolvedores de problemas

Problema:Meu site está no ar mas estou criando um tema novo pra ele, como posso testar o tema que estou criando sem ter que copiar todo o site e o banco de dados para outro lugar?

Solução:Theme Switch and Preview

Plugins, resolvedores de problemas

Problema:Aprendi a usar a template tag is_user_logged_in() e quero ficar fazendo testes para ver se banner está aparecendo só para usuários não-logados.

Plugins, resolvedores de problemas

Problema:Aprendi a usar a template tag is_user_logged_in() e quero ficar fazendo testes para ver se banner está aparecendo só para usuários não-logados.

Solução:User Switching

Plugins, resolvedores de problemas

Problema:Adorei essa história de custom fields, é realmente muito útil! O problema é que o meu cliente é muito leigo e vai se enrolar ao utilizá-los...

Plugins, resolvedores de problemas

Problema:Adorei essa história de custom fields, é realmente muito útil! O problema é que o meu cliente é muito leigo e vai se enrolar ao utilizá-los...

Solução:More Fields

Plugins, resolvedores de problemas

Plugins, resolvedores de problemas

Problema:Quero que os usuários possam criar posts no meu blog sem a necessidade de ser cadastrado!

Plugins, resolvedores de problemas

Problema:Quero que os usuários possam criar posts no meu blog sem a necessidade de ser cadastrado!

Solução:TDO Mini Forms

Plugins, resolvedores de problemas

Problema:Ao visitar alguns posts mais antigos meus, vi que alguns links estão quebrados; tem como saber quais links dos meus posts estão quebrados?

Plugins, resolvedores de problemas

Problema:Ao visitar alguns posts mais antigos meus, vi que alguns links estão quebrados; tem como saber quais links dos meus posts estão quebrados?

Solução:Broken link checker

Plugins, resolvedores de problemas

Plugins, resolvedores de problemas

Problema:Meu cliente quer saber quantas visitas o site dele tá tendo mas não faz a menor idéia do que é o Google Analytics...

ou

Não tenho saco de ficar logando no Analytics toda hora!

Plugins, resolvedores de problemas

Problema:Meu cliente quer saber quantas visitas o site dele tá tendo mas não faz a menor idéia do que é o Google Analytics...

ou

Não tenho saco de ficar logando no Analytics toda hora!

Solução:Google Analytics Dashboard

Plugins, resolvedores de problemas

Plugins, resolvedores de problemas

Plugins, resolvedores de problemas

Problema:Meu cliente quer um site em 3 idiomas diferentes!!

Plugins, resolvedores de problemas

Problema:Meu cliente quer um site em 3 idiomas diferentes!!

Solução:qTranslate

Pra finalizar...

Dicas

1. Conheça bem o projeto• Briefing é muito importante!

Dicas

1. Conheça bem o projeto

2. Crie um rascunho do mapa do site• O que terá em cada página?• Como você adaptará no WP?• Ex: Galeria de sites feitos com WordPress

Dicas

Dicas

1. Conheça bem o projeto

2. Crie um rascunho do mapa do site

3. Use e abuse dos seletores avançados do CSS

Dicas

1. Conheça bem o projeto

2. Crie um rascunho do mapa do site

3. Use e abuse dos seletores avançados do CSS

errado

Dicas

1. Conheça bem o projeto

2. Crie um rascunho do mapa do site

3. Use e abuse dos seletores avançados do CSS

errado

certo

Fim!

Obrigado pela atenção =D

Perguntas?