Upload
richard-barros
View
764
Download
4
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
@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