wordpress - além dos blogs
TRANSCRIPT
![Page 1: Wordpress - Além dos blogs](https://reader034.vdocuments.pub/reader034/viewer/2022042610/58a21fd91a28abff418b6aab/html5/thumbnails/1.jpg)
WordpressAlém dos Blogs
![Page 2: Wordpress - Além dos blogs](https://reader034.vdocuments.pub/reader034/viewer/2022042610/58a21fd91a28abff418b6aab/html5/thumbnails/2.jpg)
Desenvolvedor Front-End
desde 2013
Desenvolvedor Full-Stack
2011 - 2013
Projetospessoais
Webmaster2009
"Website Excellence
Award"
trabalhou para marcas, como:
Mais sobre o João: www.joaomarcoss.com
![Page 3: Wordpress - Além dos blogs](https://reader034.vdocuments.pub/reader034/viewer/2022042610/58a21fd91a28abff418b6aab/html5/thumbnails/3.jpg)
Hoje vamos...
• Conhecer o WP,
• O Painel de Controle,
• Entender como funciona,
• E saber como aproveitá-lo em seu projeto.
![Page 4: Wordpress - Além dos blogs](https://reader034.vdocuments.pub/reader034/viewer/2022042610/58a21fd91a28abff418b6aab/html5/thumbnails/4.jpg)
IntroduçãoPrazer, Wordpress.
![Page 5: Wordpress - Além dos blogs](https://reader034.vdocuments.pub/reader034/viewer/2022042610/58a21fd91a28abff418b6aab/html5/thumbnails/5.jpg)
O que é?
O Wordpress é uma plataforma de Software Livre para Gerenciamento de Conteúdo.
Escrito em PHP com MySQL, abrange 70%* do mercado em relação a outros CMSs e representa 23%* de todos os sites do mundo.
*Dados do Wordpress
![Page 6: Wordpress - Além dos blogs](https://reader034.vdocuments.pub/reader034/viewer/2022042610/58a21fd91a28abff418b6aab/html5/thumbnails/6.jpg)
De onde vem tanto sucesso?
• Liberdade para criar
• Facilidade de usar
• Bom, “barato” e “rápido”
• Padrões Web
• Otimizado para buscadores (ou não, você decide!)
• Comunidade gigante
![Page 7: Wordpress - Além dos blogs](https://reader034.vdocuments.pub/reader034/viewer/2022042610/58a21fd91a28abff418b6aab/html5/thumbnails/7.jpg)
No que eles acreditam?
"Design for the Majority"
"Decisions, not Options - When making decisions these are the users we consider first."
"Clean, Lean, and Mean"
"Great software should work with little configuration and setup."
https://wordpress.org/about/philosophy/
![Page 8: Wordpress - Além dos blogs](https://reader034.vdocuments.pub/reader034/viewer/2022042610/58a21fd91a28abff418b6aab/html5/thumbnails/8.jpg)
Quem usa?
![Page 9: Wordpress - Além dos blogs](https://reader034.vdocuments.pub/reader034/viewer/2022042610/58a21fd91a28abff418b6aab/html5/thumbnails/9.jpg)
Por onde começar?
• Wordpress.com – Cadastre-se e use
• Wordpress.org – Baixe, instale e use
• Instaladores em serviços de hospedagem – Amazon, Azure, Locaweb, UOL Host, King Host...
O Wordpress.com é mais limitado, em resumo. Leia mais:
http://premium.wpmudev.org/blog/wordpress-org-vs-wordpress-com-2015
![Page 10: Wordpress - Além dos blogs](https://reader034.vdocuments.pub/reader034/viewer/2022042610/58a21fd91a28abff418b6aab/html5/thumbnails/10.jpg)
Como instalar?
1. Baixe o pacote2. Extraia o arquivo em seu ambiente3. Chame a url do seu ambiente4. Configure o banco de dados
5. Dê um nome para seu site6. Configure um usuário7. Explore!
Instruções detalhadas: https://codex.wordpress.org/pt-br:Instalando_o_WordPress
![Page 11: Wordpress - Além dos blogs](https://reader034.vdocuments.pub/reader034/viewer/2022042610/58a21fd91a28abff418b6aab/html5/thumbnails/11.jpg)
O painel administrativo/wp-admin/
![Page 12: Wordpress - Além dos blogs](https://reader034.vdocuments.pub/reader034/viewer/2022042610/58a21fd91a28abff418b6aab/html5/thumbnails/12.jpg)
Este é o painel
![Page 13: Wordpress - Além dos blogs](https://reader034.vdocuments.pub/reader034/viewer/2022042610/58a21fd91a28abff418b6aab/html5/thumbnails/13.jpg)
Páginas
As páginas “estáticas” do seu site. Exemplos de uso: Quem somos, Serviços, Fale Conosco/Informações de contato, Políticas, ...
Podem ter:
• Sub-páginas
• Campos personalizados
• Layouts e funções diferentes (volto a falar disso)
Leia mais:
https://codex.wordpress.org/pt-br:Criando_P%C3%A1ginas
![Page 14: Wordpress - Além dos blogs](https://reader034.vdocuments.pub/reader034/viewer/2022042610/58a21fd91a28abff418b6aab/html5/thumbnails/14.jpg)
Posts
As publicações do seu site: Notícias, histórias, reviews, ...
Possuem:
• Categorias
• Tags
• Campos personalizados
Leia mais:
https://codex.wordpress.org/pt-br:Escrevendo_Posts
![Page 15: Wordpress - Além dos blogs](https://reader034.vdocuments.pub/reader034/viewer/2022042610/58a21fd91a28abff418b6aab/html5/thumbnails/15.jpg)
Comentários
• Nativo• Páginas e posts• Blacklist: elimine palavras e IPs indesejados• Akismet pré-instalado: proteja-se contra spams
• Notificações• Review• Bloquear se houver muitos links
Leia mais: https://codex.wordpress.org/pt-br:Modera%C3%A7%C3%A3o_de_Coment%C3%A1rios
![Page 16: Wordpress - Além dos blogs](https://reader034.vdocuments.pub/reader034/viewer/2022042610/58a21fd91a28abff418b6aab/html5/thumbnails/16.jpg)
Aparência
• Temas
• Personalizar, Cabeçalho, Fundo
• Menus
• Widgets
• Editor
![Page 17: Wordpress - Além dos blogs](https://reader034.vdocuments.pub/reader034/viewer/2022042610/58a21fd91a28abff418b6aab/html5/thumbnails/17.jpg)
Temas
A "cara" do seu site...
• Gerenciar
• Editar / Personalizar / Visualizar
• Buscar e instalar direto no Painel
• Ou baixar (de algum lugar) e fazer upload
![Page 18: Wordpress - Além dos blogs](https://reader034.vdocuments.pub/reader034/viewer/2022042610/58a21fd91a28abff418b6aab/html5/thumbnails/18.jpg)
Plugins
• Adiciona ou melhora funcionalidades
• Gratuitos e pagos
• Editor
• Cuidado com excessos! Quanto mais plug-ins, mais lento pode ficar.
![Page 19: Wordpress - Além dos blogs](https://reader034.vdocuments.pub/reader034/viewer/2022042610/58a21fd91a28abff418b6aab/html5/thumbnails/19.jpg)
Plugins recomendados
• Google Analytics
• Google Webmasters
• Disqus ou Comentários do Facebook
• Addthis
• Newsletter
• Fale Conosco
• SEO
• Campos personalizados
![Page 20: Wordpress - Além dos blogs](https://reader034.vdocuments.pub/reader034/viewer/2022042610/58a21fd91a28abff418b6aab/html5/thumbnails/20.jpg)
Usuários
• Perfis de usuários• Assinante
• Colaborador
• Autor
• Editor
• Administrador
• Campos personalizados (via Plugin ou Manual)
![Page 21: Wordpress - Além dos blogs](https://reader034.vdocuments.pub/reader034/viewer/2022042610/58a21fd91a28abff418b6aab/html5/thumbnails/21.jpg)
Ferramentas
• Publicação
• Conversão de Categorias e Tags
• Importação de dados
• Exportação de dados
![Page 22: Wordpress - Além dos blogs](https://reader034.vdocuments.pub/reader034/viewer/2022042610/58a21fd91a28abff418b6aab/html5/thumbnails/22.jpg)
Configurações
• Geral – site, data, hora e idioma
• Escrita – padrões de post, publicações via e-mail e serviços de atualização (PING - SEO)
• Leitura – home, posts em página e feed, conteúdo de feed, visibilidade em mecanismos de buscas
• Discussão – configurações de comentários
• Mídia – pré-definições de imagens e organização dos conteúdos enviados
• Links permanentes – configuração do formato de link dos posts
![Page 23: Wordpress - Além dos blogs](https://reader034.vdocuments.pub/reader034/viewer/2022042610/58a21fd91a28abff418b6aab/html5/thumbnails/23.jpg)
Atualizações
• Atualizações de segurança são automáticas
• Atualizações do sistema, plugins, temas e traduções são feitas pelo painel ou manualmente.
• Antes de atualizar, atenção para possíveis customizações.
![Page 24: Wordpress - Além dos blogs](https://reader034.vdocuments.pub/reader034/viewer/2022042610/58a21fd91a28abff418b6aab/html5/thumbnails/24.jpg)
Dica: Opções de tela
• Configurações personalizadas de tela (varia conforme item do menu)
![Page 25: Wordpress - Além dos blogs](https://reader034.vdocuments.pub/reader034/viewer/2022042610/58a21fd91a28abff418b6aab/html5/thumbnails/25.jpg)
Como o WP funcionaBanco de dados, estrutura de templates e adicionando módulos
![Page 26: Wordpress - Além dos blogs](https://reader034.vdocuments.pub/reader034/viewer/2022042610/58a21fd91a28abff418b6aab/html5/thumbnails/26.jpg)
Estrutura de arquivos
• wp-admin – painel de controle
• wp-content – temas, plug-ins, internacionalização, uploads (mídia).
• wp-include – core do Wordpress
• wp-config.php – configurações de banco
![Page 27: Wordpress - Além dos blogs](https://reader034.vdocuments.pub/reader034/viewer/2022042610/58a21fd91a28abff418b6aab/html5/thumbnails/27.jpg)
O Banco de Dados v3.9.4
![Page 28: Wordpress - Além dos blogs](https://reader034.vdocuments.pub/reader034/viewer/2022042610/58a21fd91a28abff418b6aab/html5/thumbnails/28.jpg)
O Banco de Dados v3.9.4
![Page 29: Wordpress - Além dos blogs](https://reader034.vdocuments.pub/reader034/viewer/2022042610/58a21fd91a28abff418b6aab/html5/thumbnails/29.jpg)
O Banco de Dados v3.9.4
• Categorias
• Tags
• Classificações personalizadas
![Page 30: Wordpress - Além dos blogs](https://reader034.vdocuments.pub/reader034/viewer/2022042610/58a21fd91a28abff418b6aab/html5/thumbnails/30.jpg)
O Banco de Dados v3.9.4
• Páginas
• Posts
• Publicações/Módulos Personalizados
![Page 31: Wordpress - Além dos blogs](https://reader034.vdocuments.pub/reader034/viewer/2022042610/58a21fd91a28abff418b6aab/html5/thumbnails/31.jpg)
O Banco de Dados v3.9.4
wp_users
• Relacionamentos• wp_posts
• wp_comments
![Page 32: Wordpress - Além dos blogs](https://reader034.vdocuments.pub/reader034/viewer/2022042610/58a21fd91a28abff418b6aab/html5/thumbnails/32.jpg)
O Banco de Dados v3.9.4
![Page 33: Wordpress - Além dos blogs](https://reader034.vdocuments.pub/reader034/viewer/2022042610/58a21fd91a28abff418b6aab/html5/thumbnails/33.jpg)
Hierarquia de Tema
![Page 34: Wordpress - Além dos blogs](https://reader034.vdocuments.pub/reader034/viewer/2022042610/58a21fd91a28abff418b6aab/html5/thumbnails/34.jpg)
![Page 35: Wordpress - Além dos blogs](https://reader034.vdocuments.pub/reader034/viewer/2022042610/58a21fd91a28abff418b6aab/html5/thumbnails/35.jpg)
ainda sobre customização de temas...
“A Detailed Guide To WordPress Custom Page
Templates”
http://www.smashingmagazine.com/2015/06/wordpress-custom-page-templates/
![Page 36: Wordpress - Além dos blogs](https://reader034.vdocuments.pub/reader034/viewer/2022042610/58a21fd91a28abff418b6aab/html5/thumbnails/36.jpg)
Adicionando um novo módulo...
“Extending WordPress With Custom Content Types”
http://www.smashingmagazine.com/2015/04/extending-wordpress-custom-content-types/
![Page 37: Wordpress - Além dos blogs](https://reader034.vdocuments.pub/reader034/viewer/2022042610/58a21fd91a28abff418b6aab/html5/thumbnails/37.jpg)
Seu projeto em WPComo aproveitar os benefícios, sem dor de cabeças
![Page 38: Wordpress - Além dos blogs](https://reader034.vdocuments.pub/reader034/viewer/2022042610/58a21fd91a28abff418b6aab/html5/thumbnails/38.jpg)
Conheça seu “problema”
• O que precisa ser resolvido?
• Qual/Quanto é o público?
• Quais são os planos futuros?
• Precisa de um CMS muito personalizado?
• Os dados são capturados de outro lugar?
• Onde mais será utilizado os dados produzidos?
![Page 39: Wordpress - Além dos blogs](https://reader034.vdocuments.pub/reader034/viewer/2022042610/58a21fd91a28abff418b6aab/html5/thumbnails/39.jpg)
Escolha um bom tema
• Procure o que mais próximo do seu problema
• Busque plug-ins
![Page 40: Wordpress - Além dos blogs](https://reader034.vdocuments.pub/reader034/viewer/2022042610/58a21fd91a28abff418b6aab/html5/thumbnails/40.jpg)
Desenhe com base no tema
• Faça um sitemap
• Desenvolva a solução com base nos layouts dispostos pelo tema
• Personalize e deixe com a sua cara...
• Mas cuidado! Ao personalizar, verifique se poderá receber atualizações do tema depois.
![Page 41: Wordpress - Além dos blogs](https://reader034.vdocuments.pub/reader034/viewer/2022042610/58a21fd91a28abff418b6aab/html5/thumbnails/41.jpg)
Mantenha-se atualizado
• Documentação/Site do Wordpress.org
• Tableless
• Smashing Magazine
• Grupos
• YouTube
• Descubre sempre outros caminhos...