por que usar o wordpress - conceitos e aplicações
DESCRIPTION
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.TRANSCRIPT
Por que usar o WordPress?
Conceitos e Aplicações
Gustavo Bordoni
Guga Alves
@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
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)
Quem somos
Sobre o WordPress
• 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
O que ele é
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
Facilidade na Configuraçao
• 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 Utilização
• Rica edição de textos
• Upload de mídias
• Gerenciamento de menus
Facilidade na extensão de
funções
• Temas
• Widgets
• Plugins
CMS que atende suas necessidades
CMS que qualquer um aprende a usar
Níveis de Acesso
Administrador
Editor
Autor
Colaborador
Assinante
Evolução da interface administrativa
WordPress 0.7.1 / 2003
Primeira interface de edição de posts
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
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.
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
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
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.
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
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.
Evolução da interface administrativa
WordPress 3.5 / 2012
Redesenho do gerenciamento de mídias e painel adaptado para telas de retina.
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.
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.
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
E nas próximas versões?
• Ecommerces
• Redes Sociais
• Fóruns
• Sistemas de Tickets
• Perguntas e Respostas
E tudo mais o que você quiser, o limite é a sua capacidade e ideias.
Que tipos de aplicações posso fazer? Sem plugins
• Ferramentas Colaborativas
• Diretórios • Crowdfunding • Wiki
Vamos fazer um agora então?
Vamos montar um e-commerce no WordPress agora mesmo!
Tema escolhido
http://www.woothemes.com/products/mystile/
• 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
Plugins Utilizados
• 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)
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
Explicando os menos óbvios
O que fizemos? Refizemos a loja da Campus Party!
O que fizemos ao vivo?
• 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!
Sim, isso foi montado durante 30 minutos na palestra!
O que fizemos ao vivo?
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!
Sim, isso foi montado durante 30 minutos na palestra!
Obrigado!
Onde nos encontrar:
http://www.cloudwp.com.br http://www.tudoparawordpress.com.br http://www.gugaalves.net
http://bordoni.me