Curso de Wordpress - Do Zero ao Site no Ar

Curso MAROTO
WORDPRESS
rc.blog.br

Primeira coisa:
baixar o
MAMP/LAMP
mamp.info
Segunda coisa:
instalar em
sua máquina
Se você é curioso:
MAMP
Mac (OS)
Apache (REQ)
MySql (DB)
PHP (Linguagem)
LAMP
Linux (OS)
Apache (REQ)
MySql (DB)
PHP (Linguagem)
rc.blog.br

WORDPRESS
WordPress é um Gerenciador de
Conteúdo para web, escrito em PHP com
banco de dados MySQL, voltado
principalmente para a criação de sites e
blogs via web
rc.blog.br

2003
Matt Mullenweg
31% da WEB
Automattic
GPLv2

Mano…
31% da WEB
Roda em Wordpress

https://www.gnu.org/licenses/old-licenses/gpl-2.0.pt-br.html
rc.blog.br

WORDPRESS
Código Aberto
Dinâmico
Extensível
Grande Capilaridade
rc.blog.br

https://exame.abril.com.br/carreira/12-
linguagens-de-programacao-muito-
requisitadas-no-mercado/
rc.blog.br

“Dá pra fazer de tudo com Wordpress"
Blogs
Sites Institucionais
Portais de Notícia
Lojas Online
Redes Sociais
Fóruns
rc.blog.br

EMPODERADOR
Permite colocar recursos funcionais em
produção sem depender de
conhecimento técnico avançado. (!)
(!) Mas muita atenção com a segurança
e as boas práticas de projetos WEB.
rc.blog.br

WORDPRESS.COM
X
WORDPRESS.ORG
rc.blog.br

WORDPRESS.COM = SERVIÇO
WORDPRESS.ORG = CMS LIVRE

Tecnologias
PHP
APACHE
MYSQL
rc.blog.br

Administração do WP
rc.blog.br

Administração do Wordpress
www.seudomínio.com/wp-admin
Curso Wordpress - WIS - Junho 2018 - Renzo Colnago
rc.blog.br

Home do painel ADM
Postagens do Site
Páginas do Site
Fotos e Mídias do Site
Temas, Menus, Widgets
Plugins do Site
Gerenciamento de Usuários
Conﬁgurações do Site
Import e Export
rc.blog.br

O Funcionamento
do Wordpress
rc.blog.br

TEMAS PLUGINS
WIDGETS SHORTCODE
POSTS PÁGINAS
TAGS CATEGORIAS
Visual Recursos Extras
Áreas Especíﬁcas Facilitador
rc.blog.br

POSTS PÁGINAS
CRONOLOGIA ESTÁTICO
rc.blog.br

Dando cara ao seu site…
rc.blog.br

TEMA
rc.blog.br

Mão na Massa
1.Definir um domínio
2.Configurar um host
3.Instalar o Wordpress
4.Instalar o Tema
5.Instalar plugins
6.Configurar Wordpress
7.Configurar Tema
8.Configurar Plugins
9.Configurar Widgets
10.Rotinas de Segurança
rc.blog.br

Temas…
1.Escolha um Template
2.Faça o Download do Template
3.LEIA A DOCUMENTAÇÃO DO TEMPLATE
4.Instale os plugins obrigatórios se for o caso…
5.Crie as páginas
6.Adicione o Conteúdo (http://bit.ly/conteudo-aula-wp)
7.Faça os ajustes visuais
rc.blog.br

No nosso curso, vamos montar 2
sites.
Com 2 temas gratuitos
ZERIF LITE e OCEANWP
https://br.wordpress.org/themes/zerif-lite/
rc.blog.br

rc.blog.br

https://themes.trac.wordpress.org/log/zerif-lite?limit=100&mode=stop_on_copy&format=rss
rc.blog.br

Plugins Importantes
rc.blog.br

Ocean WP > Ocean Extras
rc.blog.br

“A primeira coisa que você vai instalar e resolver a
sua vida de vez no WP. Se você não manja nada de
nada e quer sair fazendo sites maravilhindos.
Esquece esse lero lero de fazer sites com as
guidelines, instala o elemento aí e F#D@53. Vai
ﬁcar duca…”
Ouvi esse depoimento de um aluno que permitiu a frase na apresentação
mas pediu para não identiﬁcá-lo.
Antes eu ensinava tudo do WP e depois mostrava o Elementor.
rc.blog.br

ELEMENTOR
O plugin para você construir
páginas sem stress.
No arrastar e soltar…

Plugin Para
Formulário de Contato

Contact Form 7https://br.wordpress.org/plugins/contact-form-7/
Permite criar formulários no Wordpress.
Para envio de mensagens na página de
contato por exemplo.
Plugins adicionais recomendados para o CF7
- WPMAIL SMTP
- CF7 Database

WP Mail SMTPhttps://br.wordpress.org/plugins/wp-mail-smtp/
Resolve problemas de conﬁguração de
servidores de hospedagem para envio de e-
mails.
SMTP = Simple Mail Transfer Protocol
É uma tecnologia padrão para envio de
mensagens de e-mail.

CF7 Databasehttps://br.wordpress.org/plugins/cf7-database/
Permite guardar as mensagens enviadas pelo
contact form 7 no admin do seu Wordpress.

Turbinando seu
Contact Form 7

https://www.elegantthemes.com/blog/resources/10-free-contact-form-7-extensions-you-didnt-know-you-need

Plugin Para
Galeria de Imagens

Envira Galleryhttps://wordpress.org/plugins/envira-gallery-lite/
Plugin free com versão paga.
Permite criar galerias bem simples.
A versão paga permite diversas outras
conﬁgurações.
Documentação em: http://enviragallery.com/
docs/creating-ﬁrst-envira-gallery/

Plugin Para
Formulário

WP Forms Litehttps://wordpress.org/plugins/wpforms-lite/
Permite construir formulários de forma bem
simples. Com arrastar e soltar.

Plugin Para
SEGURANÇA

Wordfence Security (segurança, ﬁrewall, etc)https://wordpress.org/plugins/wordfence/
Plugin free com versão paga.

Plugin Para
BACKUP

WP Time Capsulehttps://wordpress.org/plugins/wp-time-capsule/
BACKUP!!!
Sempre faça :)
Lembre-se:
- Do site e seus arquivos
- Do Banco de Dados

Mais Plugins

AddToAny Share Buttons
Redes Sociais
Akismet
AntiSPAM
All in one WP Migration
Migração do WP
BBPress
Contruir Fórum no WP
Broken Link Checker
Para checar links quebrados
Buddypress
Construir rede social com
WP
Bulk Page Creator
Criar páginas em lotes
Calendário de Eventos
Moderno
para agenda de eventos
Custom Twitter Feeds
feed do twitter
Facebook Widget
plugin do facebook
Flip Boxes
Para quadros animados.
Atenção ao tema
Google Analytics
Dashboard for WP
Analytics dentro do WP
Imagify
Otimização de Imagens
Jetpack
By Automattic - Uma série de
recursos
LinkedIn Master
plugin do linkedin
WooCommerce
Plugin para E-Commerce

Mailchimp
Plataforma de e-mail
marketing
Onesignal Plugin
Notificações modernas
Per page head
permite estilizar o head
dentro de páginas
específicas
Popup Maker
em caso de avisos em
determinadas páginas
Post Types Order
Para redefinir a ordem das
matérias
Pretty Links
links encurtados e
estilizados
Print Post and Page
Opção de impressão da
página
Redirection
Gerenciar os redirects
Related Posts
utilizar notícias relacionadas
Responsive Youtube &
Vimeo Video Lightbox
Lightbox para exibição de
vídeos
Shortcodes Ultimate
alguns shortcodes visuais
Smush Image
Otimização de imagem
Wordfence Security
segurança, firewall, etc
WP lockdown
alterar página de login

WP Mail SMTP
Reconﬁgura a função wp_mail() para usar
SMTP no lugar de mail() e cria uma página de
opções para gerenciar as conﬁgurações.
WP Maintenance Mode
Colocar seu site em modo manutenção
WP News and Scrolling
Notícias e rolagem
WP Super Cache
Para otimização / velocidade
WP Time Capsule
backup automatizado
WPForms Lite
Criação de forms
Yoast SEO
gerenciamento de SEO

Ajuda aí…

1.Não use senhas fracas nos sites em produção;
2.Tenha sempre backup;
3.Tenha sempre um WP instalado em localhost para
testes;
4.Mantenha seu Wordpress todo atualizado (tema,
instalação e plugins)

REPOSITÓRIO DE LINKS EM GERAL
1.wordpress.org
2.br.wordpress.org
3.mamp.info
4.br.wordpress.org/themes/zerif-lite
5.themeforest.net
6.codecanyon.net
7.https://www.codecademy.com/pt-BR

Bora Repassar Tudo?

Mão na Massa - fazer um site.
LOCAL HOST
Permite trabalhar offline, direto na sua máquina.
WEB HOST
Trabalhar o Wordpress já online, na web.

NUVEM
HOST
SEU
Computador
Arquivos do WP
Imagens do Site
Conteúdo
Servidor Arquivos
Servidor Arquivos
Banco de Dados
Arquivos do WP
Imagens do Site
Conteúdo
Servidor Arquivos
Servidor Arquivos
Banco de Dados
WEB HOST
Trabalhar o Wordpress
já online, na web.
LOCAL HOST
Trabalhar o Wordpress
offline, direto na sua
máquina.

Mão na Massa
1.Definir um domínio
2.Configurar um host
3.Instalar o Wordpress
4.Instalar o Tema
5.Instalar plugins
6.Configurar Wordpress
7.Configurar Tema
8.Configurar Plugins
9.Configurar Widgets

1 Baixa o WP no site br.wordpress.org
2 Unzip arquivo baixado para pasta c:/mamp/htdocs
3 renomear pasta Ex.: meusite
4 No navegador… http://localhost/meusite
0 Ativar o MAMP start servers

Instalação do Wordpress > Localhost
1.Baixar o fonte do Wordpress (br.wordpress.org)
2.Descompactar o arquivo para a pasta htdocs (localhost)
3.Criar um banco de dados no PHP My Admin
4.Conﬁgurar o Banco no Instalador do Wordpress
5.Conﬁgurar o nome do site, login/senha e e-mail do admin

http://localhost:8888/nome_da_pasta_com_arquivos_do_Wordpress
Localhost configurado
usando o MAMP
Instalando e configurando o
APACHE, MySQL e PHP de
forma independente sua
configuração de URL será
definida no APACHE/HTDOCS

Acessou?
Instala o Tema
Instala os Requisitos do Tema
Instala o Elementor
Instala o Plugin que precisar…
Roda a rotina de segurança
Depois é colocar em produção, trabalhar
performance e SEO…

Raio X de uma
requisição Wordpress no
Apache

Curso de Wordpress - Do Zero ao Site no Ar

Curso de Wordpress - Do Zero ao Site no Ar

Recomendados

Recomendados

Mais conteúdo relacionado

Mais procurados

Mais procurados (20)

Semelhante a Curso de Wordpress - Do Zero ao Site no Ar

Semelhante a Curso de Wordpress - Do Zero ao Site no Ar (20)

Mais de Renzo Colnago

Mais de Renzo Colnago (20)

Curso de Wordpress - Do Zero ao Site no Ar