Por que usar o WordPress - Conceitos e Aplicações

2,936
-1

Published on

Saiba da evolução histórica do sistema, melhorias de usabilidade e evolução técnica da ferramenta, mostrando o porque de todo este crescimento, e mostrando ao vivo como desenvolver uma aplicação simples em WordPress em pouco tempo, um ecommerce com o plugin woocomerce, utilizando as melhores práticas de desenvolvimento WordPress, muita criatividade e explicando passo a passo cada decisão tomada.

Published in: Technology

Por que usar o WordPress - Conceitos e Aplicações

  1. 1. Por que usar o WordPress? Conceitos e Aplicações Guga Alves Gustavo Bordoni
  2. 2. Quem somos @GugaAlves • Analista de Sistemas • Pós Graduado em Gestão Estratégica de Mkt Digital • Professor de SEO do Instituto Infnet • Criador do Tudo Para WordPress e do CloudWP • Vencedor do #DesafioSEO 09/10 da MestreSeo
  3. 3. Quem somos Gustavo Bordoni • Desenvolvedor WordPress a quase 8 anos • Contribuidor ativo do Core do WordPress • Entusiasta de Servidores • Trabalhando para a MailPoet (plugin de newsletters)
  4. 4. Sobre o WordPress O que ele é • CMS desenvolvido em PHP e MySQL • Inicialmente, usado para desenvolvimento de blogs • Atualmente, um grande e poderoso CMS • Gratuito, Open Source e com uma grande comunidade ao seu redor
  5. 5. CMS mais usado do mundo  21,3% dos maiores sites do mundo utilizam o WordPress (Fonte: W3Techs)  Mais de 74 milhões de sites no mundo (Fonte: WordPress.com Stats)  Utilizado pelas maiores empresas do mundo
  6. 6. CMS que evolui com ajuda da comunidade http://make.wordpress.org/
  7. 7. CMS que atende suas necessidades Facilidade na Configuraçao Facilidade na Utilização • • • • • • • • • • Rica edição de textos • Upload de mídias • Gerenciamento de menus Posts e Páginas Arquivos de Mídias Links Categorias e tags Função do usuário e perfis Feeds RSS URLs Amigáveis Proteção contra Spam Upgrades automáticos Facilidade na extensão de funções • Temas • Widgets • Plugins
  8. 8. CMS que qualquer um aprende a usar
  9. 9. Níveis de Acesso Administrador Editor Autor Colaborador Assinante
  10. 10. Evolução da interface administrativa WordPress 0.7.1 / 2003 Primeira interface de edição de posts
  11. 11. Evolução da interface administrativa WordPress 1.0 / 2004 Melhorias de usabilidade em relação a versão anterior, seleção de categorias, personalização de links permanentes
  12. 12. Evolução da interface administrativa WordPress 1.2 / 2004 Interface continua evoluindo, e temos as subcategorias e miniaturas definidas para os posts. Primeira versão em que se pode escolher plugins.
  13. 13. Evolução da interface administrativa WordPress 1.5 / 2005 Primeira versão com um dashboard inicial e navegação em abas. Nesta versão, tivemos também a organização dos temas em arquivos modulares, facilitando o desenvolvimento e manutenção
  14. 14. Evolução da interface administrativa WordPress 2.0 / 2005 Primeira grande alteração de interface de usuário. Edição de posts com o TinyMCE, upload de imagens para os posts e adição de AJAX no uso do painel administrativo
  15. 15. Evolução da interface administrativa WordPress 2.5 / 2008 Mais uma evolução na interface administrativa. Melhoria no upload de imagens, permitindo o upload de várias imagens ao mesmo tempo e barra de progresso.
  16. 16. Evolução da interface administrativa WordPress 2.7 / 2008 Menu administrativo reogarnizado na sidebar, facilitando a navegação, e instalação de plugins com apenas 1 clique, buscando diretamente na base do WordPress.org
  17. 17. Evolução da interface administrativa WordPress 3.2 / 2011 Mais um redesenho do painel, mas desta vez focado na melhoria da velocidade de carregamento do painel. Edição de posts em tela cheia.
  18. 18. Evolução da interface administrativa WordPress 3.5 / 2012 Redesenho do gerenciamento de mídias e painel adaptado para telas de retina.
  19. 19. Evolução da interface administrativa WordPress 3.6 / 2013 Salvamento automático, navegação de revisões totalmente reformulada, suporte nativo para embeds de áudio e vídeo e melhores integrações com serviços como Spotify, Rdio e SoundCloud.
  20. 20. Evolução da interface administrativa WordPress 3.7 / 2013 Upgrades automáticos de versões de segurança (Ex.: 3.7 -> 3.7.1) e melhoria na verificação de força das senhas. Query para melhoria na organização de posts por data.
  21. 21. Evolução da interface administrativa WordPress 3.8 / 2013 Reformulação total da interface administrativa, da área de widgets, dashboard e instalação de temas
  22. 22. E nas próximas versões?
  23. 23. Que tipos de aplicações posso fazer? Sem plugins • • • • • Ecommerces Redes Sociais Fóruns Sistemas de Tickets Perguntas e Respostas • Ferramentas Colaborativas • Diretórios • Crowdfunding • Wiki E tudo mais o que você quiser, o limite é a sua capacidade e ideias.
  24. 24. Vamos fazer um agora então? Vamos montar um e-commerce no WordPress agora mesmo!
  25. 25. Tema escolhido http://www.woothemes.com/products/mystile/
  26. 26. Plugins Utilizados • • • • • • • • • WordPress SEO Mailgun for WordPress WooCommerce WooCommerce Review Reminder WooCommerce PagSeguro WooCommerce Moip WooCommerce Correios WooCommerce Extra Checkout Fields for Brazil Sharing Buttons & Analytics by AddShoppers
  27. 27. Explicando os menos óbvios • WooCommerce Extra Checkout Fields for Brazil Adiciona novos campos para Pessoa Física ou Jurídica, Data de Nascimento, Sexo, Número, Bairro e Celular. Além de máscaras em campos, aviso de e-mail incorreto e auto preenchimento dos campos de endereço pelo CEP. • Mailgun for WordPress Utiliza a API do serviço Mailgun para efetuar o envio de até 10.000 emails gratuitos por mês através do servidor deles (próprio para isso)
  28. 28. Explicando os menos óbvios • WooCommerce Review Reminder Manda um email para o cliente uma semana após a compra solicitando a avaliação do produto comprado • WooCommerce Correios Adicione os Correios como método de entrega em sua loja • Sharing Buttons & Analytics by AddShoppers Usuários que compartilham seu produto em redes sociais podem ganhar descontos! Te permite saber quem compartilhou e quanto isso lhe gerou de receita
  29. 29. O que fizemos? Refizemos a loja da Campus Party!
  30. 30. O que fizemos ao vivo? Sim, isso foi montado durante 30 minutos na palestra! • Instalação do WordPress • Instalação do WooCommerce • Escolha do tema no diretório de temas gratuitos do Woocomerce • Instalaçaão dos plugins adicionais • Criação do conteúdo E só! Sem precisar programar 1 linha de código!
  31. 31. O que fizemos ao vivo? Sim, isso foi montado durante 30 minutos na palestra! Num projeto real, devemos também: • Fazer o desenvolvimento do tema para atender 100% das necessidades do projeto, não precisando usar tema pronto • É necessário configurar um módulo de pagamento e efetuar testes para garantir que o usuário final conseguirá fazer compras • Divulgar, trazer clientes, ganhar $$$ e ficar feliz!
  32. 32. Obrigado! Onde nos encontrar: http://www.cloudwp.com.br http://www.tudoparawordpress.com.br http://www.gugaalves.net http://bordoni.me
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×