Wordpress - Além dos blogs

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.

Transcript

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 Categorias e 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.