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

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

  • 1.
    Por que usaro WordPress? Conceitos e Aplicações Guga Alves Gustavo Bordoni
  • 2.
    Quem somos @GugaAlves • Analista deSistemas • 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 • DesenvolvedorWordPress a quase 8 anos • Contribuidor ativo do Core do WordPress • Entusiasta de Servidores • Trabalhando para a MailPoet (plugin de newsletters)
  • 4.
    Sobre o WordPress Oque 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 usadodo 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 evoluicom ajuda da comunidade http://make.wordpress.org/
  • 7.
    CMS que atendesuas 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 qualquerum aprende a usar
  • 9.
  • 10.
    Evolução da interfaceadministrativa WordPress 0.7.1 / 2003 Primeira interface de edição de posts
  • 11.
    Evolução da interfaceadministrativa 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 interfaceadministrativa 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 interfaceadministrativa 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 interfaceadministrativa 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 interfaceadministrativa 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 interfaceadministrativa 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 interfaceadministrativa 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 interfaceadministrativa WordPress 3.5 / 2012 Redesenho do gerenciamento de mídias e painel adaptado para telas de retina.
  • 19.
    Evolução da interfaceadministrativa 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 interfaceadministrativa 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 interfaceadministrativa WordPress 3.8 / 2013 Reformulação total da interface administrativa, da área de widgets, dashboard e instalação de temas
  • 22.
    E nas próximasversões?
  • 23.
    Que tipos deaplicaçõ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 umagora então? Vamos montar um e-commerce no WordPress agora mesmo!
  • 25.
  • 26.
    Plugins Utilizados • • • • • • • • • WordPress SEO Mailgunfor 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? Refizemosa loja da Campus Party!
  • 30.
    O que fizemosao 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 fizemosao 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.