Vamos criar uma nova Página chamada Serviços. Clique em Adicionar Nova.

Transcrição

1 3.5 Páginas: Ao clicar em Páginas, são exibidas todas as páginas criadas para o Blog. No nosso exemplo já existirá uma página com o Título Página de Exemplo, criada quando o WorPress foi instalado. Ao colocarmos o mouse sobre o Título da página, temos a opção Editar. Ao clicar sobre esta opção, podemos editar o seu conteúdo. Vamos criar uma nova Página chamada Serviços. Clique em Adicionar Nova. Adicione seu conteúdo e clique em Publicar. Para definir a ordem dos links das páginas no Menu, digite um número no campo ordem em Atributos da Página. O primeiro link deve receber em Ordem sempre o número 0 (zero). Coloque 1 (um) no campo Ordem da página criada com o Título Serviços. Conforme já visto em Posts, podemos também, caso seja necessário, definir uma senha para visualizar a página e desabilitar a opção de permitir comentários na mesma. Ao posicionar o mouse sobre o título da Página aparece a opção Edição Rápida. Clique sobre esta opção

2 Aparecerá a seguinte tela: Digite uma senha e desabilite/habilite a opção Permitir comentários. Visualize seu Blog e veja como funcionam estas opções. Podemos criar sub-menus com novas páginas. Para isso, crie uma nova página chamada Manutenção. Em Atributos de página escolha como Mãe a página Serviços. Clique em Publicar. E veja como ficou o menu do seu Blog. A página Manutenção aparece como sub-menu da página Serviços. Crie novas páginas e novos sub-menus e veja como está ficando estruturado seu Blog

3 3.6 Comentários: Ao clicar em Comentários, são exibidos todos os comentários adicionados nos Posts ou nas Páginas criadas em seu Blog (onde a opção Permitir Comentários esteja habilitada). Efetue logoff da área de administração do Blog e faça vários comentários em nos Posts ou Páginas existentes no Blog. Agora acesse novamente a Área de Administração. Clique no Menu Comentários. Os comentários pendentes aparecerão na parte superior da página. Clique sobre o link Pendente e modere o mesmo. Você terá a opção de Aprovar, Responder o comentário, Editar, definir como Spam ou excluir o mesmo (Lixeira)

4 Observe que para chamar a sua atenção quanto aos Comentários pendentes, o Menu principal exibe a informação de quantos comentários estão pendentes de serem aprovados / rejeitados pelo administrador do Blog. 3.7 Aparência: No menu aparência, vamos personalizar toda a parte visual do nosso Blog Temas Instalação e Configuração: O Wordpress quando instalado vem com um tema padrão. Você pode criar seu próprio tema, ou pode usar temas disponibilizados na Internet para seu site. Clique em Aparência

5 Se estiver conectado à Internet clique em Adicionar Novo. Escolha os filtros desejados e clique em Encontrar Temas. Serão mostrados diversos temas. Escolha qual você quer usar e clique em cima da imagem do tema escolhido. Aparecerá uma tela com o nome do Tema, a versão e o autor do mesmo. Clique em Instalar para que o mesmo seja baixado e instalado em seu WordPress. Será solicitado Nome do host, Nome de Usuário de FTP e Senha de FTP para que o tema seja baixado. Estas informações serão fornecidas pelo seu provedor de hospedagem. Obs: Não vamos em nosso curso explorar o recurso de criação de temas, por se tratar de um assunto mais complexo. Cada tema pode permitir ou não a edição de elementos de seu site WordPress. Clique em Temas, escolha um Tema de seu interesse, clique em Ativar e veja como ficou seu Blog. Escolha o Tema Twenty Thirteen para darmos sequência ao nosso estudo

6 Clicando em Personalizar no Tema escolhido, abrirá uma série de atributos que poderão ser alterados em seu tema Widgets: No menu da esquerda, clique em Widgets que são elementos que podemos adicionar ao nosso site. Para adicionar Widgets na Barra Lateral Principal, basta arrasta-los até ela. Embora você já veja alguns elementos, eles são os padrões

7 3.7.3 Menus: Podemos criar menus personalizados em nosso site. Clique em Menus. Clique em crie um novo menu. Defina um nome (MeuMenu, por exemplo) e clique em Criar Menu. Em Links digite o site da Universo ( com o texto do link Universo e o Blog ( com o texto do link Blog do Dalamura. Caso queira adicionar Páginas ou Categorias ao Menu personalizado, marque as mesmas e clique em Adicionar ao menu. Depois de realizadas todas as inclusões desejadas, clique em Salvar Menu. Ao clicar em Aparência => Menus => Gerenciar Posições, aparece a seguinte informação: Observe que o tema escolhido suporta 1 menu. Você tem a opção de escolher qual menu deseja adiconar ao seu Blog. Se ficar em branco, será exibido o meu

8 padrão do Blog. Caso queira escolher o menu personalizado criado por você, clique em MeuMenu. Em seguida, clique em Salvar Alterações. Obs: Alguns temas não possuem Menu padrão, necessitando que o usuário crie o seu próprio Menu personalizado Cabeçalho: A opção cabeçalho permite mudar a imagem de fundo do mesmo. Caso queira, poderá criar as suas imagens para a substituição. Depois de realizar as alterações necessárias, clique em Salvar alterações. Obs: Para excluir imagens pessoais do cabeçalho, vá no Menu Mídia e remova as mesmas de lá Editor: A opção Editor permite editar o código fonte de seu Tema. Obs: Muita ATENÇÃO ao editar este código fonte, pois uma única vírgula em local errado, o site poderá ficar inativo. 3.8 Configurações: Geral: Em Configurações Gerais, altere o Título e a Descrição de seu site, ative a opção Qualquer pessoa pode se registrar e defina a Função padrão para novo usuário como Assinante, escolha o Fuso horário São Paulo, o formato de data e de hora desejados e clique em Salvar Alterações

9 3.8.2 Escrita: Em Configurações de Escrita você pode definir parâmetros de postagens, tais como Categoria padrão de post, etc. Neste Menu, existe uma ferramenta bem interessante utilizada para publicar textos disponíveis na Internet: A ferramenta: Para usar a mesma, utilizei o navegador Firefox versão Com o Firefox aberto, escolha a opção Exibir => Barra de Ferramentas => Barra de Favoritos. A barra de Favoritos será exibida. Clique no botão e arraste até a Barra de Favoritos do Firefox. Agora, usando o Firefox, acesse um site qualquer (usaremos como exemplo o site da Universo) e marque o texto que deseja publicar em seu Blog. Clique no ícone na Barra de Ferramentas do Firefox

10 Abrirá a seguinte tela: Observe que o Título do Post é o título da página WEB copiada e que o no corpo do Post aparecerá um link (em vermelho) para o site original da notícia. Para publicar o Post, basta clicar em Publicar, ou se quiser, salve como rascunho. Obs: Você precisa está logado como Administrador do Blog para utilizar esta ferramenta. Caso contrário, será necessário entrar com o Login e senha de Administrador. Veja como ficou o post publicado:

11 3.8.3 Leitura: Em Configurações de Leitura podemos definir como será configurada a página inicial, se será atualizada com os últimos Posts, ou posso definir uma página estática para ser mostrada. Realize as alterações desejadas e clique em Salvar Alterações Discussão: Em Configurações de Discussão, você poderá definir uma série de elementos relacionados aos comentários publicados em seu Blog Mídia: Em Configurações de Mídia, você poderá definir o tamanho das imagens, bem como definir a organização dos arquivos enviados em pastas baseadas no mês e ano Links Permanentes: Em Configuração de Links Permanentes, aconselho deixar no valor Padrão, uma vez que serão exibidos apenas números (indexados com as páginas desejadas). 3.9 Usuários: No Menu Usuários você tem a opção de adicionar um novo Usuário ou Editar/Excluir usuários já cadastrados. Basta clicar em Adicionar Novo. O usuário poderá ter uma das cinco funções diferentes: Administradores possuem acesso a todos os recursos de administração. Os Editores podem publicar posts, gerenciar posts assim como gerenciar posts de outras pessoas, etc. Os Autores podem publicar e gerir seus próprios posts, além de enviar arquivos

12 Colaboradores podem escrever e gerenciar seus próprios posts, mas não podem publicá-los ou fazer upload de arquivos de mídia. Os Assinantes podem ler comentários/comentar/receber newsletters etc, mas não podem criar conteúdo no site. Vamos criar agora alguns usuários com funções diferentes e testar suas permissões. Obs: Observe que o Painel de Controle para os usuários com perfil diferente de Administrador possui menos opções Plugins: Vamos aprender agora a utilizar alguns Plugins do Wordpress. Como exemplo, vamos adicionar um formulário de contato com o recurso plugins do WordPress. Vamos adicionar o Plug-in Contact Form 7 ( Após baixá-lo, descompacte o mesmo dentro da pasta Plugins de seu site (C:\wamp\www\wordpress\wpcontent\plugins). Ele vai aparecer automaticamente na sua relação de plugins. Clique em Ativar. Ele dará um aviso de Plug-in ativado. Agora precisamos configurar nosso formulário de contato. Observe que na barra de Menu a esquerda ele cria o item Form Contato. Clique sobre ele

13 Observe que ele já vem configurado um Formulário de Contato com o nome Formulário de Contato 1. Vamos criar um novo Formulário de Contato. Clique em Adicionar Novo. Observe que você pode utilizar o Idioma Padrão (Português Brasileiro) ou escolher o idioma de interesse. Vamos clicar em Adicionar Novo novamente. Digite um Nome para seu formulário de contato. No nosso exemplo, vamos colocar o nome Fale Conosco. Observe que ele cria um formulário padrão com os campos: Seu Nome Seu Assunto Sua Mensagem Logo após o campo Seu , vamos criar um campo chamado Seu Telefone, como obrigatório. Obs: text = Campo texto e o * = Campo obrigatório

14 Clique em Salvar, para salvar o formulário de contato criado. MODELAGEM HIPERMÍDIA Aparecerá a seguinte mensagem: Formulário de contato criado. Copie o código gerado ([contact-form-7 id="69" title="fale Conosco"]) para ser utilizado na página de Contato a ser criada. Vamos agora adicionar nosso formulário criado a uma página. Clique em Páginas, Adicionar Nova. Em Título da Página digite Fale Conosco. No Corpo da Página digite: Entre em contato conosco! Na linha de baixo, cole o código copiado: Clique em Publicar. Teste seu formulário

15 Para que a página Fale Conosco apareça no seu Blog, adicione a mesma no menu criado por você (MeuMenu). Vá em Aparência, Menus, adicione a página Fale Conosco ao menu e salve o Menu. Veja como ficou seu Blog. Existem vários plugins para o WordPress. Alguns deles podem ser vistos em O processo de instalação de novos plugins é o mesmo do exemplo mostrado. Siga os passos mostrados no início do item