Construindo seu site com WordPress. Profº Bruno Baruffi Esteves

Transcrição

1 Construindo seu site com WordPress Profº Bruno Baruffi Esteves

2 O que é a internet? Uma enorme Rede de computadores Descentralizada. Independente. Maior meio de comunicação já criado pela Humanidade.

3 Como a internet Funciona? Estrutura cabeada e sem Fio Switch s e Roteadores Servidores DNS ( Domain Name System) WEB

4 Como a internet Funciona?

5 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.

6 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).

7 Plugin / Temas Plugin s são módulos que adicionam funções ao nosso Wordpress. Ex: Adicionar formulários, contadores, slideshow etc... Temas são conjuntos completos de 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

8 Vamos a prática? Agora começaremos nossa experiência prática. Para começar iniciaremos o download do Wordpress do site oficial: 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.

9 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.

10 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.

11 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.

12 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.

13 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á.

14 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.

15 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.

16

17 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.

18 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:

19 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.

20 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.

21 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.

22 Fim!! Esperamos que tenha tido uma boa experiência, aguardo vocês em outros cursos! Profº Bruno Baruffi Esteves.