Como customizar a interface administrativa do Wordpress pensando na melhor experiência do usuário que vai editar o conteúdo.

1. Wordpress além de
suas fronteiras
@richardbarros | #wpmeetuprj
1

2. Quem
sou
eu?
Esse
que
vos
fala
• Richard
Barros
(@richardbarros)
• UX
Designer
+
Programador
• Monta
e
desmonta
Wordpress
desde
2006
• Fundador
da
Homem
Máquina
www.homemmaquina.com.br
2

3. 3

4. Não me faça pensar
4

5. Wordpress:
Temos que simplificar a administração de conteúdo
5

6. Por
que
Wordpress?
É
isso
ou
o
Joomla,
né...
• Resolve
a
maioria
dos
nossos
problemas
• É
um
framework
fácil
e
produRvo
• Forte
comunidade
de
suporte
• Toneladas
de
plugins
e
temas
6

7. Fácil
de
usar
Até
seu
cliente
concorda.
• Pensado
para
ser
fácil
de
usar.
• Pensado
para
ser
fácil
de
criar.
• Bom
para
leigos,
bom
para
experts.
7

8. Não
serve
só
pra
blogs
Não
serve
só
pra
blogs
• Não
serve
só
pra
blogs
• Não
serve
só
pra
blogs
• Não
serve
só
pra
blogs
8

9. Wordpress
é
versáRl
Para
a
nooossa
alegria
Blogs Sites Sistemas
RioETC Letra Freudiana Embolacha
9

10. Quem
usa
Wordpress?
<Slide
clichê>
Samsung Sony
CNN Yahoo
Blogs
10

11. Ma]
Mullenweg
Gente
fina!
• Criador
do
Wordpress
• Entusiasta
de
Padrões
web
e
UX
design
• Automabc
• Akismet,
Intense
Debate,
Gravatar,
etc...
• Empreendedor
11

12. Equipe
Wordpress
Estamos
em
boas
mãos
Transformou
isso...
12

13. Equipe
Wordpress
Estamos
em
boas
mãos
Nisso...
13

14. Equipe
Wordpress
Estamos
em
boas
mãos
E
depois
nisso...
14

15. Equipe
Wordpress
Estamos
em
boas
mãos
Quem
sabe...
15

16. E
enquanto
isso..
Concorrência
16

17. Enfim..
17

18. Wordpress
além
das
suas
fronteiras
18

19. Ingredientes:
PHP/MySQL
HTML/CSS
CRIATIVIDADE
CODEX
19

20. Custom
Post
Types
• Antes:
Só
Posts
(Blog)
• Depois:
Posts,
Pages,
Anexos
e
Rascunhos.
• Agora:
Qualquer
Rpo
de
conteúdo!
20

21. Custom
Post
Types
Seu
próprio
Rpo
de
conteúdo
Função register_post_type();
http://codex.wordpress.org/Post_Types
21

22. Custom
Post
Types
Seu
próprio
Rpo
de
conteúdo
Função register_post_type();
http://codex.wordpress.org/Post_Types
22

23. Custom
Taxonomy
Novas
maneiras
de
categorizar
23

24. Custom
Taxonomy
Novas
maneiras
de
categorizar
24

25. Custom
Meta
Boxes
Novos
campos
para
seu
conteúdo
Função add_meta_box();
http://codex.wordpress.org/Function_Reference/add_meta_box
25

26. Desenvolva
seu
próprio
plugin
Não
é
digcil!
Adicione
um
menu
personalizado
http://codex.wordpress.org/Administration_Menus
26

27. Desenvolva
seu
próprio
plugin
Não
é
digcil!
Adicione
um
menu
personalizado
http://codex.wordpress.org/Administration_Menus
Até aqui tudo bem?
27

28. Que tal jogar um sistema
aqui dentro agora?
28

29. Que tal jogar um sistema
aqui dentro agora?
Ou melhor...
29

30. Vamos
importar
um
sistema
para
o
WP
Isso
é
sério?
o.o
Principais
vantagens:
• Desenvolvimento
ágil.
• Aproveitamos
o
controle
de
usuários
do
Wordpress.
• Aproveitamos
o
layout
do
wp-­‐admin.
• Integração
com
o
conteúdo
do
site.
• Seu
cliente
acessa
tudo
de
um
só
lugar.
30

31. Importar
um
sistema
para
o
Wordpress
Crie
um
caixa
de
menus
uRlizando
o
add_menu_page();
31

32. Importar
um
sistema
para
o
Wordpress
Organize
seus
arquivos
normalmente,
dentro
da
pasta
do
plugin.
32

33. Importar
um
sistema
para
o
Wordpress
Aproveite
a
estrutura
de
HTML
(#wrap)
e
o
Layout
do
Wordpress
será
aplicado
naturalmente
33

34. Importar
um
sistema
para
o
Wordpress
E
no
banco
de
dados,
adicione
as
tabelas
que
precisar
34

35. E sempre...
35

36. sempre...
36

37. Pense no usuário.
37

38. Dúvidas? :)
Richard Barros
@richardbarros
www.homemmaquina.com.br Code is poetry.
38