wordpress além de suas fronteiras #wpmeetuprj

Post on 29-Jun-2015

765 Views

Category:

Design

4 Downloads

Preview:

Click to see full reader

DESCRIPTION

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

TRANSCRIPT

@richardbarros | #wpmeetuprj

Wordpress além de suas fronteiras

1

• 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

3

Não me faça pensar

4

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

5

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

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

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

Wordpress  é  versáRlPara  a  nooossa  alegria

Blogs Sites Sistemas

RioETC Letra Freudiana Embolacha

9

Quem  usa  Wordpress?<Slide  clichê>

Samsung

CNN Yahoo  Blogs

Sony

10

Ma]  MullenwegGente  fina!

• Criador  do  Wordpress

• Entusiasta  de  Padrões  web  e  UX  design

• Automabc

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

• Empreendedor

11

Equipe  WordpressEstamos  em  boas  mãos

Transformou  isso...

12

Nisso...

Equipe  WordpressEstamos  em  boas  mãos

13

E  depois  nisso...

Equipe  WordpressEstamos  em  boas  mãos

14

Quem  sabe...

Equipe  WordpressEstamos  em  boas  mãos

15

E  enquanto  isso..

Concorrência

16

Enfim..

17

Wordpress  além  das  suas  fronteiras

18

Ingredientes:

PHP/MySQL

HTML/CSS

CRIATIVIDADE

CODEX

19

• Antes:  Só  Posts  (Blog)

• Depois:  Posts,  Pages,  Anexos  e  Rascunhos.  

• Agora:  Qualquer  Rpo  de  conteúdo!

Custom  Post  Types

20

Custom  Post  TypesSeu  próprio  Rpo  de  conteúdo

http://codex.wordpress.org/Post_Types

Função register_post_type();

21

Custom  Post  TypesSeu  próprio  Rpo  de  conteúdo

http://codex.wordpress.org/Post_Types

Função register_post_type();

22

Custom  TaxonomyNovas  maneiras  de  categorizar

23

Custom  TaxonomyNovas  maneiras  de  categorizar

24

Custom  Meta  BoxesNovos  campos  para  seu  conteúdo

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

Função add_meta_box();

25

Desenvolva  seu  próprio  pluginNão  é  digcil!

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

26

Desenvolva  seu  próprio  pluginNão  é  digcil!

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

Até aqui tudo bem?

27

Que tal jogar um sistemaaqui dentro agora?

28

Que tal jogar um sistemaaqui dentro agora?

Ou melhor...

29

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

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

31

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

32

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

33

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

34

E sempre...

35

sempre...

36

Pense no usuário.

37

Code is poetry.

Richard Barros@richardbarroswww.homemmaquina.com.br

Dúvidas? :)

38

top related