Wordpress - Além dos blogs
3 gostaram560 visualizações
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.
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.
- 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
- 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
- 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.