1.
Por que usar o WordPress?
Conceitos e Aplicações
Guga Alves
Gustavo Bordoni

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.
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.
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.
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.
CMS que evolui com ajuda da comunidade
http://make.wordpress.org/

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.
CMS que qualquer um aprende a usar

9.
Níveis de Acesso
Administrador
Editor
Autor
Colaborador
Assinante

10.
Evolução da interface administrativa
WordPress 0.7.1 / 2003
Primeira interface de edição de posts

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.
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.
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.
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.
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.
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.
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.
Evolução da interface administrativa
WordPress 3.5 / 2012
Redesenho do gerenciamento de mídias e painel adaptado para telas de retina.

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.
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.
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.
E nas próximas versões?

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.
Vamos fazer um agora então?
Vamos montar um e-commerce no WordPress agora mesmo!

25.
Tema escolhido
http://www.woothemes.com/products/mystile/

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.
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.
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.
O que fizemos?
Refizemos a loja da Campus Party!

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.
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.
Obrigado!
Onde nos encontrar:
http://www.cloudwp.com.br
http://www.tudoparawordpress.com.br
http://www.gugaalves.net
http://bordoni.me