Wordpress
Além dos Blogs
Desenvolvedor Front-End
desde 2013
Desenvolvedor Full-Stack
2011 - 2013
Projetos
pessoais
Webmaster
2009
"Website Excellen...
Hoje vamos...
• Conhecer o WP,
• O Painel de Controle,
• Entender como funciona,
• E saber como aproveitá-lo em seu projet...
Introdução
Prazer, Wordpress.
O que é?
O Wordpress é uma plataforma de Software Livre para Gerenciamento
de Conteúdo.
Escrito em PHP com MySQL, abrange ...
De onde vem tanto sucesso?
• Liberdade para criar
• Facilidade de usar
• Bom, “barato” e “rápido”
• Padrões Web
• Otimizad...
No que eles acreditam?
"Design for the Majority"
"Decisions, not Options - When making decisions these are the users we
co...
Quem usa?
Por onde começar?
• ​Wordpress.com – Cadastre-se e use
• Wordpress.org – Baixe, instale e use
• Instaladores em serviços d...
Como instalar?
1. Baixe o pacote
2. Extraia o arquivo em seu ambiente
3. Chame a url do seu ambiente
4. ​Configure o banco...
O painel administrativo
/wp-admin/
Este é o painel
Páginas
As páginas “estáticas” do seu site. Exemplos de uso: Quem somos, Serviços,
Fale Conosco/Informações de contato, Po...
Posts
As publicações do seu site: Notícias, histórias, reviews, ...
Possuem:
• Categorias
• Tags
• Campos personalizados
L...
Comentários
• Nativo
• Páginas e posts
• Blacklist: elimine palavras e IPs indesejados
• Akismet pré-instalado: proteja-se...
Aparência
• Temas
• Personalizar, Cabeçalho, Fundo
• Menus
• Widgets
• Editor
Temas
A "cara" do seu site...
• Gerenciar
• Editar / Personalizar / Visualizar
• Buscar e instalar direto no Painel
• Ou b...
Plugins
• Adiciona ou melhora funcionalidades
• Gratuitos e pagos
• Editor
• Cuidado com excessos! Quanto mais plug-ins, m...
Plugins recomendados
• Google Analytics
• Google Webmasters
• Disqus ou Comentários do Facebook
• Addthis
• Newsletter
• F...
Usuários
• Perfis de usuários
• Assinante
• Colaborador
• Autor
• Editor
• Administrador
• Campos personalizados (via Plug...
Ferramentas
• Publicação
• Conversão de Categoriase Tags
• Importação de dados
• Exportação de dados
Configurações
• Geral – site, data, hora e idioma
• Escrita – padrões de post, publicações via e-mail e serviços de
atuali...
Atualizações
• Atualizações de segurança são automáticas
• Atualizações do sistema, plugins, temas e traduções são feitas ...
Dica: Opções de tela
• Configurações personalizadas de tela (varia conforme item do menu)
Como o WP funciona
Banco de dados, estrutura de templates e adicionando módulos
Estrutura de arquivos
• wp-admin – painel de controle
• wp-content – temas, plug-ins, internacionalização, uploads (mídia)...
O Banco de Dados v3.9.4
O Banco de Dados v3.9.4
O Banco de Dados v3.9.4
• Categorias
• Tags
• Classificações personalizadas
O Banco de Dados v3.9.4
• Páginas
• Posts
• Publicações/Módulos
Personalizados
O Banco de Dados v3.9.4
wp_users
• Relacionamentos
• wp_posts
• wp_comments
O Banco de Dados v3.9.4
Hierarquia de Tema
ainda sobre customização de temas...
“A Detailed Guide To
WordPress Custom Page
Templates”
http://www.smashingmagazine.com...
Adicionando um novo módulo...
“Extending WordPress With
Custom Content Types”
http://www.smashingmagazine.com/2015/04/exte...
Seu projeto em WP
Como aproveitar os benefícios, sem dor de cabeças
Conheça seu “problema”
• O que precisa ser resolvido?
• Qual/Quanto é o público?
• Quais são os planos futuros?
• Precisa ...
Escolha um bom tema
• Procure o que mais próximo do seu problema
• Busque plug-ins
Desenhe com base no tema
• Faça um sitemap
• Desenvolva a solução com base nos layouts dispostos pelo tema
• Personalize e...
Mantenha-se atualizado
• Documentação/Site do Wordpress.org
• Tableless
• Smashing Magazine
• Grupos
• YouTube
• Descubre ...
Obrigado!
joao@joaomarcoss.com
Não deixe de enviar dúvidas e comentários.
Wordpress - Além dos blogs
Próximos SlideShares
Carregando em…5
×

Wordpress - Além dos blogs

439 visualizações

Publicada em

O Wordpress é uma plataforma poderosíssima que permite o desenvolvimento muito além de blogs. Sites institucionais, portfólios, portais de notícias, rede de sites e até lojas virtuais são suportados por esse CMS que representa mais de 20% de todos os sites do mundo. Mas antes, é preciso entender do que ele é capaz e como ele funciona.

Veja nessa apresentação uma introdução ao Wordpress, entenda como ele foi projetado e saiba como você pode aproveitá-lo em seu projeto, sem dor de cabeça.

Publicada em: Software
  • Seja o primeiro a comentar

Wordpress - Além dos blogs

  1. 1. Wordpress Além dos Blogs
  2. 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. 3. Hoje vamos... • Conhecer o WP, • O Painel de Controle, • Entender como funciona, • E saber como aproveitá-lo em seu projeto.
  4. 4. Introdução Prazer, Wordpress.
  5. 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. 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. 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. 8. Quem usa?
  9. 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. 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. 11. O painel administrativo /wp-admin/
  12. 12. Este é o painel
  13. 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. 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. 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. 16. Aparência • Temas • Personalizar, Cabeçalho, Fundo • Menus • Widgets • Editor
  17. 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. 18. Plugins • Adiciona ou melhora funcionalidades • Gratuitos e pagos • Editor • Cuidado com excessos! Quanto mais plug-ins, mais lento pode ficar.
  19. 19. Plugins recomendados • Google Analytics • Google Webmasters • Disqus ou Comentários do Facebook • Addthis • Newsletter • Fale Conosco • SEO • Campos personalizados
  20. 20. Usuários • Perfis de usuários • Assinante • Colaborador • Autor • Editor • Administrador • Campos personalizados (via Plugin ou Manual)
  21. 21. Ferramentas • Publicação • Conversão de Categoriase Tags • Importação de dados • Exportação de dados
  22. 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. 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. 24. Dica: Opções de tela • Configurações personalizadas de tela (varia conforme item do menu)
  25. 25. Como o WP funciona Banco de dados, estrutura de templates e adicionando módulos
  26. 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. 27. O Banco de Dados v3.9.4
  28. 28. O Banco de Dados v3.9.4
  29. 29. O Banco de Dados v3.9.4 • Categorias • Tags • Classificações personalizadas
  30. 30. O Banco de Dados v3.9.4 • Páginas • Posts • Publicações/Módulos Personalizados
  31. 31. O Banco de Dados v3.9.4 wp_users • Relacionamentos • wp_posts • wp_comments
  32. 32. O Banco de Dados v3.9.4
  33. 33. Hierarquia de Tema
  34. 34. ainda sobre customização de temas... “A Detailed Guide To WordPress Custom Page Templates” http://www.smashingmagazine.com/2015/06/wordpress-custom- page-templates/
  35. 35. Adicionando um novo módulo... “Extending WordPress With Custom Content Types” http://www.smashingmagazine.com/2015/04/extending-wordpress- custom-content-types/
  36. 36. Seu projeto em WP Como aproveitar os benefícios, sem dor de cabeças
  37. 37. 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?
  38. 38. Escolha um bom tema • Procure o que mais próximo do seu problema • Busque plug-ins
  39. 39. 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.
  40. 40. Mantenha-se atualizado • Documentação/Site do Wordpress.org • Tableless • Smashing Magazine • Grupos • YouTube • Descubre sempre outros caminhos...
  41. 41. Obrigado! joao@joaomarcoss.com Não deixe de enviar dúvidas e comentários.

×