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

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

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)

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

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

CMS que evolui com ajuda da comunidade
http://make.wordpress.org/

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

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?

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.

Vamos fazer um agora então?
Vamos montar um e-commerce no WordPress agora mesmo!

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

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

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)

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

O que fizemos?
Refizemos a loja da Campus Party!

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!

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!

Obrigado!
Onde nos encontrar:
http://www.cloudwp.com.br
http://www.tudoparawordpress.com.br
http://www.gugaalves.net
http://bordoni.me