O documento apresenta uma introdução ao WordPress, incluindo seu histórico, filosofia, como instalar e usar o painel administrativo, temas, plugins e configurações. É explicado como o WordPress funciona com banco de dados e templates, e como desenvolver projetos nele.

1. Wordpress
Além dos Blogs

2. Desenvolvedor Front-End
desde 2013
Desenvolvedor Full-Stack
2011 - 2013
Projetos
pessoais
Webmaster
2009
"Website Excellence
Award"
trabalhou para marcas, como:
Mais sobre o João: www.joaomarcoss.com

3. Hoje vamos...
• Conhecer o WP,
• O Painel de Controle,
• Entender como funciona,
• E saber como aproveitá-lo em seu projeto.

4. Introdução
Prazer, Wordpress.

5. O que é?
O Wordpress é uma plataforma de Software Livre para Gerenciamento
de Conteúdo.
Escrito em PHP com MySQL, abrange 70%* do mercado em relação a
outros CMSs e representa 23%* de todos os sites do mundo.
​
*Dados do Wordpress

6. De onde vem tanto sucesso?
• Liberdade para criar
• Facilidade de usar
• Bom, “barato” e “rápido”
• Padrões Web
• Otimizado para buscadores (ou não, você decide!)
• Comunidade gigante

7. No que eles acreditam?
"Design for the Majority"
"Decisions, not Options - When making decisions these are the users we
consider first."
"Clean, Lean, and Mean"
"Great software should work with little configuration and setup."
​
https://wordpress.org/about/philosophy/

8. Quem usa?

9. Por onde começar?
• ​Wordpress.com – Cadastre-se e use
• Wordpress.org – Baixe, instale e use
• Instaladores em serviços de hospedagem – Amazon, Azure, Locaweb,
UOL Host, King Host...
​
O Wordpress.com é mais limitado, em resumo. Leia mais:
http://premium.wpmudev.org/blog/wordpress-org-vs-wordpress-com-
2015

10. Como instalar?
1. Baixe o pacote
2. Extraia o arquivo em seu ambiente
3. Chame a url do seu ambiente
4. ​Configure o banco de dados
5. Dê um nome para seu site
6. Configure um usuário
7. Explore!​
Instruções detalhadas:
https://codex.wordpress.org/pt-br:Instalando_o_WordPress

11. O painel administrativo
/wp-admin/

12. Este é o painel

13. Páginas
As páginas “estáticas” do seu site. Exemplos de uso: Quem somos, Serviços,
Fale Conosco/Informações de contato, Políticas, ...
Podem ter:
• Sub-páginas
• Campos personalizados
• Layouts e funções diferentes (volto a falar disso)
Leia mais:
https://codex.wordpress.org/pt-br:Criando_P%C3%A1ginas

14. Posts
As publicações do seu site: Notícias, histórias, reviews, ...
Possuem:
• Categorias
• Tags
• Campos personalizados
Leia mais:
https://codex.wordpress.org/pt-br:Escrevendo_Posts

15. Comentários
• Nativo
• Páginas e posts
• Blacklist: elimine palavras e IPs indesejados
• Akismet pré-instalado: proteja-se contra spams
• Notificações
• Review
• Bloquear se houver muitos links
Leia mais:
https://codex.wordpress.org/pt-
br:Modera%C3%A7%C3%A3o_de_Coment%C3%A1rios

16. Aparência
• Temas
• Personalizar, Cabeçalho, Fundo
• Menus
• Widgets
• Editor

17. Temas
A "cara" do seu site...
• Gerenciar
• Editar / Personalizar / Visualizar
• Buscar e instalar direto no Painel
• Ou baixar (de algum lugar) e fazer upload

18. Plugins
• Adiciona ou melhora funcionalidades
• Gratuitos e pagos
• Editor
• Cuidado com excessos! Quanto mais plug-ins, mais lento pode ficar.

19. Plugins recomendados
• Google Analytics
• Google Webmasters
• Disqus ou Comentários do Facebook
• Addthis
• Newsletter
• Fale Conosco
• SEO
• Campos personalizados

20. Usuários
• Perfis de usuários
• Assinante
• Colaborador
• Autor
• Editor
• Administrador
• Campos personalizados (via Plugin ou Manual)

21. Ferramentas
• Publicação
• Conversão de Categoriase Tags
• Importação de dados
• Exportação de dados

22. Configurações
• Geral – site, data, hora e idioma
• Escrita – padrões de post, publicações via e-mail e serviços de
atualização (PING - SEO)
• Leitura – home, posts em página e feed, conteúdo de feed,
visibilidade em mecanismos de buscas
• Discussão – configurações de comentários
• Mídia – pré-definições de imagens e organização dos conteúdos
enviados
• Links permanentes – configuração do formato de link dos posts

23. Atualizações
• Atualizações de segurança são automáticas
• Atualizações do sistema, plugins, temas e traduções são feitas pelo
painel ou manualmente.
• Antes de atualizar, atenção para possíveis customizações.

24. Dica: Opções de tela
• Configurações personalizadas de tela (varia conforme item do menu)

25. Como o WP funciona
Banco de dados, estrutura de templates e adicionando módulos

26. Estrutura de arquivos
• wp-admin – painel de controle
• wp-content – temas, plug-ins, internacionalização, uploads (mídia).
• wp-include – core do Wordpress
• wp-config.php – configurações de banco

27. O Banco de Dados v3.9.4

28. O Banco de Dados v3.9.4

29. O Banco de Dados v3.9.4
• Categorias
• Tags
• Classificações personalizadas

30. O Banco de Dados v3.9.4
• Páginas
• Posts
• Publicações/Módulos
Personalizados

31. O Banco de Dados v3.9.4
wp_users
• Relacionamentos
• wp_posts
• wp_comments

32. O Banco de Dados v3.9.4

33. Hierarquia de Tema

35. ainda sobre customização de temas...
“A Detailed Guide To
WordPress Custom Page
Templates”
http://www.smashingmagazine.com/2015/06/wordpress-custom-
page-templates/

36. Adicionando um novo módulo...
“Extending WordPress With
Custom Content Types”
http://www.smashingmagazine.com/2015/04/extending-wordpress-
custom-content-types/

37. Seu projeto em WP
Como aproveitar os benefícios, sem dor de cabeças

38. Conheça seu “problema”
• O que precisa ser resolvido?
• Qual/Quanto é o público?
• Quais são os planos futuros?
• Precisa de um CMS muito personalizado?
• Os dados são capturados de outro lugar?
• Onde mais será utilizado os dados produzidos?

39. Escolha um bom tema
• Procure o que mais próximo do seu problema
• Busque plug-ins

40. Desenhe com base no tema
• Faça um sitemap
• Desenvolva a solução com base nos layouts dispostos pelo tema
• Personalize e deixe com a sua cara...
• Mas cuidado! Ao personalizar, verifique se poderá receber
atualizações do tema depois.

41. Mantenha-se atualizado
• Documentação/Site do Wordpress.org
• Tableless
• Smashing Magazine
• Grupos
• YouTube
• Descubre sempre outros caminhos...

42. Obrigado!
joao@joaomarcoss.com
Não deixe de enviar dúvidas e comentários.