Construindo seu site

com WordPress

Profº Bruno Baruffi Esteves

O que é a internet?

● Uma enorme Rede de computadores

● Descentralizada.
● Independente.
● Maior meio de comunicação já criado pela Humanidade.
Como a internet Funciona?

● Estrutura cabeada e sem Fio

● Switch’s e Roteadores
● Servidores
○ DNS ( Domain Name System)
○ WEB
Como a internet Funciona?
Hospedagens

Para se ter um site no ar, é necessário que um servidor fique disponível

24 horas por dia.

Para isso normalmente utilizamos serviços de hospedagens que podem

ser gratuitos ou pagos.
Wordpress

● Sistema de gestão de conteúdo (CMS) para sites e blogs.

● Sistema de código aberto, gratuito e disponível para todos.
● Grande capacidade de adaptabilidade e personalização (plugins e
temas).
 Plugin / Temas

Plugin’s são módulos que Temas são conjuntos completos de

adicionam funções ao nosso
Wordpress. Ex: Adicionar
formulários, contadores, slideshow
etc...
configuração, plugin’s, artes
visuais. Feito por pessoas com
muito domínio da plataforma, tem
por função nos fornecer uma base
para a criação de nosso site.

Podem ser gratuitos ou pagos dependendo de seu desenvolvedor. O

melhor site para encontrá-los é o “Themeforest”
Vamos a prática?

Agora começaremos nossa experiência prática.

Para começar iniciaremos o download do Wordpress do site oficial:

https://br.wordpress.org/ Clicando no botão “Baixar o Wordpress”.

Após isso, uma nova janela se abrirá e você deve clicar no botão “Baixar
o Wordpress”.
Xampp

Com o download feito, precisamos de um servidor WEB para fazer

nosso site funcionar. Vamos utilizar o Xampp.

Xampp é uma espécie de simulador de servidor para auxiliar os

desenvolvedores no processo de desenvolvimento.
Operando o Xampp

● Vamos a pasta do aplicativo: c:/xampp

● Encontre dentro desta pasta o programa “Xampp Control”
● Clique nos dois primeiros botões “Start” como na imagem abaixo.
Colocando os arquivos na pasta certa.

● Vamos a pasta “c:/xampp/htdocs”

● Delete todo o conteúdo que exista na pasta.
● Traga o arquivo baixado do Wordpress da pasta de Download para
esta pasta.
● Extraia o arquivo na pasta.
Vamos criar o banco de dados

Para o wordpress funcionar é preciso de um Banco de dados, o Xampp

já nos proporciona um, o MySQL. Para isso:

● Abra seu navegador e escreva: “localhost/phpmyadmin”

● Clicar em “new” na parte esquerda da janela que se abriu.
● No campo que aparece na parte central da tela escreva: “wp_site”,
este nome pode ser modificado a vontade.
● Clique no botão “Criar”.
Vamos interagir com nosso Site!

Com o banco de dados criado, vamos interagir com nosso Wordpress e

começar sua configuração. Para isso vamos:

● Vá em seu navegador e digite “localhost/wordpress”.

● Aparecerá a tela de apresentação da plataforma, apenas clique no
botão “Vamos lá”.
Vamos lá!

Para seguirmos agora vamos

configurar nosso site. Veja a
imagem:

OBS: O “Nome de usuário” e

“Senha” colocadas são o
padrão do Xampp.
Instalando.

Concluindo a parte anterior, você deve clicar no botão “Instalar”. Com

isso será direcionado a tela de informações necessárias.

Nesta tela fazemos as configurações de uso do site. Vejamos na

imagem a seguir como devemos preencher isso.
Vamos montar!

Com os passos anteriores concluídos o site está montado. para conferir

podemos acessar pelo navegador “localhost/wordpress”.

Como podemos ver ainda está muito fora do que precisamos, por isso
vamos começar a mexer em sua aparência.

Para isso acessamos a parte administrativa deste site através do:

“localhost/wordpress/wp-admin”.
O login e senha que
temos que digitar são
aquelas que
configuramos la atraz nos
passos de instalação.

Em nosso caso foram:

● Login: admin
● Senha: 123456
Modo administrativo.

Modo administrativo permite que você faça toda a manutenção e edição

de seu novo site. O menu esquerdo é o seu guia para áreas diferentes
dentro do modo administrativo. Alguns itens veremos a seguir:

● Posts: Normalmente usado para notícias rotativas.

● Páginas: Conteúdo estático do site, página principal entre outras.
● Plugins: Adicionar e remover complementos de terceiros.
● Aparência: Adicionar, remover e editar temas do site.
Aparência / Temas

Na aba Aparência, temos os temas que já vem a disposição do

Wordpress. Normalmente esses não servem, então podemos buscar
mais nos servidores do Wordpress clicando em “Adicionar Novo” na
parte superior da tela.
Personalizando Tema.

Na sub aba “Personalizar” podemos personalizar nosso tema. Cada

tema tem seu próprio método de personalizar, abra o seu e teste.

Boa Sorte.
Fim!!

Esperamos que tenha tido uma boa experiência, aguardo vocês em

outros cursos!

Profº Bruno Baruffi Esteves.

www.professorbaruffi.com.br

brunobaruffi@gmail.com