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

Wordpress além de suas fronteiras #wpmeetuprj

Embed Size (px)

DESCRIPTION

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

Citation preview

Page 1: Wordpress além de suas fronteiras #wpmeetuprj

@richardbarros | #wpmeetuprj

Wordpress além de suas fronteiras

1

Page 2: Wordpress além de suas fronteiras #wpmeetuprj

• Richard  Barros  (@richardbarros)

• UX  Designer  +  Programador

• Monta  e  desmonta  Wordpress  desde  2006

• Fundador  da  Homem  Máquinawww.homemmaquina.com.br

Quem  sou  eu?Esse  que  vos  fala

2

Page 3: Wordpress além de suas fronteiras #wpmeetuprj

3

Page 4: Wordpress além de suas fronteiras #wpmeetuprj

Não me faça pensar

4

Page 5: Wordpress além de suas fronteiras #wpmeetuprj

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

5

Page 6: Wordpress além de suas fronteiras #wpmeetuprj

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

Page 7: Wordpress além de suas fronteiras #wpmeetuprj

Fácil  de  usarAté  seu  cliente  concorda.

• Pensado  para  ser  fácil  de  usar.

• Pensado  para  ser  fácil  de  criar.

• Bom  para  leigos,  bom  para  experts.

7

Page 8: Wordpress além de suas fronteiras #wpmeetuprj

Não  serve  só  pra  blogsNão  serve  só  pra  blogs

• Não  serve  só  pra  blogs  

• Não  serve  só  pra  blogs

• Não  serve  só  pra  blogs  

8

Page 9: Wordpress além de suas fronteiras #wpmeetuprj

Wordpress  é  versáRlPara  a  nooossa  alegria

Blogs Sites Sistemas

RioETC Letra Freudiana Embolacha

9

Page 10: Wordpress além de suas fronteiras #wpmeetuprj

Quem  usa  Wordpress?<Slide  clichê>

Samsung

CNN Yahoo  Blogs

Sony

10

Page 11: Wordpress além de suas fronteiras #wpmeetuprj

Ma]  MullenwegGente  fina!

• Criador  do  Wordpress

• Entusiasta  de  Padrões  web  e  UX  design

• Automabc

• Akismet,  Intense  Debate,  Gravatar,  etc...

• Empreendedor

11

Page 12: Wordpress além de suas fronteiras #wpmeetuprj

Equipe  WordpressEstamos  em  boas  mãos

Transformou  isso...

12

Page 13: Wordpress além de suas fronteiras #wpmeetuprj

Nisso...

Equipe  WordpressEstamos  em  boas  mãos

13

Page 14: Wordpress além de suas fronteiras #wpmeetuprj

E  depois  nisso...

Equipe  WordpressEstamos  em  boas  mãos

14

Page 15: Wordpress além de suas fronteiras #wpmeetuprj

Quem  sabe...

Equipe  WordpressEstamos  em  boas  mãos

15

Page 16: Wordpress além de suas fronteiras #wpmeetuprj

E  enquanto  isso..

Concorrência

16

Page 17: Wordpress além de suas fronteiras #wpmeetuprj

Enfim..

17

Page 18: Wordpress além de suas fronteiras #wpmeetuprj

Wordpress  além  das  suas  fronteiras

18

Page 19: Wordpress além de suas fronteiras #wpmeetuprj

Ingredientes:

PHP/MySQL

HTML/CSS

CRIATIVIDADE

CODEX

19

Page 20: Wordpress além de suas fronteiras #wpmeetuprj

• Antes:  Só  Posts  (Blog)

• Depois:  Posts,  Pages,  Anexos  e  Rascunhos.  

• Agora:  Qualquer  Rpo  de  conteúdo!

Custom  Post  Types

20

Page 21: Wordpress além de suas fronteiras #wpmeetuprj

Custom  Post  TypesSeu  próprio  Rpo  de  conteúdo

http://codex.wordpress.org/Post_Types

Função register_post_type();

21

Page 22: Wordpress além de suas fronteiras #wpmeetuprj

Custom  Post  TypesSeu  próprio  Rpo  de  conteúdo

http://codex.wordpress.org/Post_Types

Função register_post_type();

22

Page 23: Wordpress além de suas fronteiras #wpmeetuprj

Custom  TaxonomyNovas  maneiras  de  categorizar

23

Page 24: Wordpress além de suas fronteiras #wpmeetuprj

Custom  TaxonomyNovas  maneiras  de  categorizar

24

Page 25: Wordpress além de suas fronteiras #wpmeetuprj

Custom  Meta  BoxesNovos  campos  para  seu  conteúdo

http://codex.wordpress.org/Function_Reference/add_meta_box

Função add_meta_box();

25

Page 26: Wordpress além de suas fronteiras #wpmeetuprj

Desenvolva  seu  próprio  pluginNão  é  digcil!

Adicione  um  menu  personalizadohttp://codex.wordpress.org/Administration_Menus

26

Page 27: Wordpress além de suas fronteiras #wpmeetuprj

Desenvolva  seu  próprio  pluginNão  é  digcil!

Adicione  um  menu  personalizadohttp://codex.wordpress.org/Administration_Menus

Até aqui tudo bem?

27

Page 28: Wordpress além de suas fronteiras #wpmeetuprj

Que tal jogar um sistemaaqui dentro agora?

28

Page 29: Wordpress além de suas fronteiras #wpmeetuprj

Que tal jogar um sistemaaqui dentro agora?

Ou melhor...

29

Page 30: Wordpress além de suas fronteiras #wpmeetuprj

Vamos  importar  um  sistema  para  o  WPIsso  é  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

Page 31: Wordpress além de suas fronteiras #wpmeetuprj

Importar  um  sistema  para  o  WordpressCrie  um  caixa  de  menus  uRlizando  o  add_menu_page();

31

Page 32: Wordpress além de suas fronteiras #wpmeetuprj

Importar  um  sistema  para  o  WordpressOrganize  seus  arquivos  normalmente,  dentro  da  pasta  do  plugin.

32

Page 33: Wordpress além de suas fronteiras #wpmeetuprj

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

33

Page 34: Wordpress além de suas fronteiras #wpmeetuprj

Importar  um  sistema  para  o  WordpressE  no  banco  de  dados,  adicione  as  tabelas  que  precisar

34

Page 35: Wordpress além de suas fronteiras #wpmeetuprj

E sempre...

35

Page 36: Wordpress além de suas fronteiras #wpmeetuprj

sempre...

36

Page 37: Wordpress além de suas fronteiras #wpmeetuprj

Pense no usuário.

37

Page 38: Wordpress além de suas fronteiras #wpmeetuprj

Code is poetry.

Richard [email protected]

Dúvidas? :)

38