Wordpress além de suas fronteiras #wpmeetuprj

963 visualizações

Publicada em

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

Publicada em: Design
0 comentários
2 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
963
No SlideShare
0
A partir de incorporações
0
Número de incorporações
126
Ações
Compartilhamentos
0
Downloads
5
Comentários
0
Gostaram
2
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Wordpress além de suas fronteiras #wpmeetuprj

  1. 1. Wordpress além de suas fronteiras @richardbarros | #wpmeetuprj 1
  2. 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. 3
  4. 4. Não me faça pensar 4
  5. 5. Wordpress:Temos que simplificar a administração de conteúdo 5
  6. 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. 7. 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
  8. 8. 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
  9. 9. Wordpress  é  versáRlPara  a  nooossa  alegria Blogs Sites Sistemas RioETC Letra Freudiana Embolacha 9
  10. 10. Quem  usa  Wordpress?<Slide  clichê>Samsung SonyCNN Yahoo  Blogs 10
  11. 11. Ma]  MullenwegGente  fina! • Criador  do  Wordpress • Entusiasta  de  Padrões  web  e  UX  design • Automabc • Akismet,  Intense  Debate,  Gravatar,  etc... • Empreendedor 11
  12. 12. Equipe  WordpressEstamos  em  boas  mãosTransformou  isso... 12
  13. 13. Equipe  WordpressEstamos  em  boas  mãosNisso... 13
  14. 14. Equipe  WordpressEstamos  em  boas  mãosE  depois  nisso... 14
  15. 15. Equipe  WordpressEstamos  em  boas  mãosQuem  sabe... 15
  16. 16. E  enquanto  isso.. Concorrência 16
  17. 17. Enfim.. 17
  18. 18. Wordpress  além  das   suas  fronteiras 18
  19. 19. Ingredientes:PHP/MySQLHTML/CSSCRIATIVIDADECODEX 19
  20. 20. Custom  Post  Types• Antes:  Só  Posts  (Blog)• Depois:  Posts,  Pages,  Anexos  e  Rascunhos.  • Agora:  Qualquer  Rpo  de  conteúdo! 20
  21. 21. Custom  Post  TypesSeu  próprio  Rpo  de  conteúdoFunção register_post_type();http://codex.wordpress.org/Post_Types 21
  22. 22. Custom  Post  TypesSeu  próprio  Rpo  de  conteúdoFunção register_post_type();http://codex.wordpress.org/Post_Types 22
  23. 23. Custom  TaxonomyNovas  maneiras  de  categorizar 23
  24. 24. Custom  TaxonomyNovas  maneiras  de  categorizar 24
  25. 25. Custom  Meta  BoxesNovos  campos  para  seu  conteúdoFunção add_meta_box();http://codex.wordpress.org/Function_Reference/add_meta_box 25
  26. 26. Desenvolva  seu  próprio  pluginNão  é  digcil! Adicione  um  menu  personalizado http://codex.wordpress.org/Administration_Menus 26
  27. 27. Desenvolva  seu  próprio  pluginNão  é  digcil! Adicione  um  menu  personalizado http://codex.wordpress.org/Administration_Menus Até aqui tudo bem? 27
  28. 28. Que tal jogar um sistemaaqui dentro agora? 28
  29. 29. Que tal jogar um sistemaaqui dentro agora?Ou melhor... 29
  30. 30. Vamos  importar  um  sistema  para  o  WPIsso  é  sério?  o.oPrincipais  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. 31. Importar  um  sistema  para  o  WordpressCrie  um  caixa  de  menus  uRlizando  o  add_menu_page(); 31
  32. 32. Importar  um  sistema  para  o  WordpressOrganize  seus  arquivos  normalmente,  dentro  da  pasta  do  plugin. 32
  33. 33. Importar  um  sistema  para  o  WordpressAproveite  a  estrutura  de  HTML  (#wrap)  e  o  Layout  do  Wordpress  será  aplicado  naturalmente 33
  34. 34. Importar  um  sistema  para  o  WordpressE  no  banco  de  dados,  adicione  as  tabelas  que  precisar 34
  35. 35. E sempre... 35
  36. 36. sempre... 36
  37. 37. Pense no usuário. 37
  38. 38. Dúvidas? :)Richard Barros@richardbarroswww.homemmaquina.com.br Code is poetry. 38

×