CURSO BÁSICO DE CRIAÇÃO DE SITES MÓDULO 1 AULA 6

Transcrição

1 AULA 6 APRENDENDO SOBRE APARENCIAS O QUE É A APARENCIA NO WORDPRESS? CURSO BÁSICO DE CRIAÇÃO DE SITES Como o próprio nome já diz, aparência significa a cara do seu BLOG. Na aba aparência você terá inúmeras opções para utilizar da melhor forma e deixar o seu BLOG mais bonito. Nesta aula, irei citar quais são e como funciona cada opção da aba Aparência. 1. TEMAS: Ao abrir a aba de aparências, você automaticamente dará de cara com os Temas, e eles que serão a cara do seu BLOG. Você pode adicionar novos temas, clicando no botão ADICIONAR NOVO. a. Ao clicar no botão Adicionar Novo você será redirecionado a uma página com diversos temas. p. 1 Copyright 2016 Alberto Aguiar & Gabriel Queiroz

2 Você pode escolher em fazer UPLOAD de um Tema que você tenha feito download de um site especifico e enviar para o Wordpress. Uma vez feito o upload ele aparecerá nos seus temas. (Aparência -> Temas) O primeiro tema, o selecionado, é o que atualmente está ativo em seu blog. Os outros temas estão disponíveis para download e podem ser utilizados a qualquer momento, bastar passar o mouse sobre um e clicar Instalar. A opção Visualizar é para você ter uma previa sobre como ficaria o seu BLOG com aquele Tema. 2. Personalizar: Essa opção nada mais é que o acesso para você personalizar o tema escolhido. Clicando sobre ela, você será redirecionado para a página que contém o seu BLOG. Você irá encontrar um menu ao lado esquerdo (como mostra a imagem) e as opções para edição do tema que você escolheu. OBS: As opções ao lado, variam de acordo com o tema que você escolher, portanto, alguns temas terão mais opções do que outros, as que contém na imagem acima farei um breve resumo. - Identidade do Site: Nessa aba, você poderá alterar o nome, descrição e ícone do seu BLOG. - Cores: Como o próprio nome já diz, você seleciona as cores do seu BLOG, cor de fundo, link e etc. - Imagem do Cabeçalho: Você pode adicionar a imagem do cabeçalho, que muitas das vezes funcionam como logo do seu sistema. - Imagem de Fundo: A imagem de fundo é que ficará no fundo do seu BLOG. Na imagem o fundo está todo preto, abaixo do conteúdo. Nessa aba, você pode adicionar uma imagem. - Menus: Essa aba, você pode adicionar menus, editar e excluir. p. 2 Copyright 2016 Alberto Aguiar & Gabriel Queiroz

3 - Widgets: Essa aba, você pode adicionar widgets. Alguns exemplos de widgets são: calendário, agenda e outros. - Página Inicial Estática: Nessa aba, você pode escolher uma página inicial estática. O que é uma página inicial estática? É uma página onde suas informações não mudam conforme você adiciona os POSTS no servidor, ela não busca nenhuma informação do servidor, ou seja, não altera seu conteúdo. Vamos fazer uma modificação na IDENTIDADE DO SITE. Clique na aba APARÊNCIA PERSONALIZAR. A seguir clique em IDENTIDADE DO SITE. Você vai ver a seguinte página: Mude os textos para SITE DO JOÃO e MEU BLOG. Veja como fica: p. 3 Copyright 2016 Alberto Aguiar & Gabriel Queiroz

4 Para salvar as modificações clique no botão na lateral esquerda em cima SALVAR&PUBLICAR. A seguir vamos colocar uma imagem como ícone do site. Pressione o botão SELECIONAR IMAGEM que fica na esquerda embaixo. Vai aparecer a seguinte página: Pressione o botão SELECIONAR ARQUIVOS. Vá até o diretório onde está a imagem que você quer colocar como ícone do site. Selecione a imagem e clique em abrir. A imagem é lida pelo seu site e colocada na biblioteca de mídia. Clique a seguir no botão selecionar conforme indicado a seguir. p. 4 Copyright 2016 Alberto Aguiar & Gabriel Queiroz

5 Você irá para a página a seguir. Se precisar você pode usar apenas um pedaço da imagem. Como não é o nosso caso vou clicar em PULAR RECORTE: Agora você tem clicar no botão SALVAR E PUBLICAR. O ícone vai aparecer ao lado do título do site no Browser. p. 5 Copyright 2016 Alberto Aguiar & Gabriel Queiroz

6 3 - Widgets: Essa opção é para você acessar todos os seus widgets, e o que é um widget? São componentes gráficos que desempenham alguma função em seu BLOG. O Wordpress disponibiliza alguns widgets para você incluir em seu sistema, você pode tanto adicionar quanto criar um widget. Você pode personalizar a posição dos widgets e/ou editar direto no seu BLOG, para isso, basta clicar o botão Gerenciar no Personalizar como mostra a imagem acima. Agenda, Calendário, Páginas e muitos outros são exemplos de widget. 4 - Menus: A aba Menus tem a funcionalidade de editar os menus que contém no seu BLOG, você pode adicionar, editar e/ou excluir todos os menus. Os menus armazenam links que te redirecionam para outras páginas, por isso, é fundamental para o bom funcionamento do BLOG, que os links sejam correspondentes com a página citada no menu. p. 6 Copyright 2016 Alberto Aguiar & Gabriel Queiroz

7 Caso você queira adicionar um novo menu, clique no criar um novo menu (1), automaticamente, você será redirecionado para uma nova página onde você deve dar um nome ao seu novo menu. Após dar o nome, basta clicar em Criar menu e pronto, seu novo menu está criado. Caso queira adicionar novas páginas ao seu novo menu, na imagem (3) existe uma lista de páginas que você criou, basta selecionar e clicar Adicionar ao menu que automaticamente o Wordpress adicionará para você. Depois de criar e adicionar páginas ao seu menu, você deve clicar em Salvar Menu (2). Caso você mude de página sem salvar, as alterações no novo menu que você criou, serão descartadas. Caso não queira mais um menu, clique em Excluir menu, você receberá uma mensagem de confirmação, se realmente quiser, você confirma, caso contrário, não. A aba Gerenciar Posições dentro de Menus, tem a funcionalidade de alterar as posições nas quais os menus irão estar, no caso desse tema, suporta 2 menus. Isso muda de acordo com o tema de seu BLOG. p. 7 Copyright 2016 Alberto Aguiar & Gabriel Queiroz

8 5 Cabeçalho: Como já vimos anteriormente, a aba Cabeçalho permite que você adicione uma imagem próximo ou sobre o título do seu BLOG, muita das vezes, a imagem que você adiciona no cabeçalho, funcionam como a Logo do seu BLOG. 6 Fundo: Como citado acima, a aba Fundo permite você alterar o papel de parede do seu BLOG, nessa aba, você pode somente selecionar uma imagem que cobrirá o fundo. 7 Editor: A aba editor abre uma página que mostra o código fonte atual de seu BLOG, ela também lista todas as páginas, você só precisa escolher e editar o código. Basta somente selecionar o tema, alterar e salvar. p. 8 Copyright 2016 Alberto Aguiar & Gabriel Queiroz