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

CMS que evolui com ajuda da comunidade

http://make.wordpress.org/

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