Configuração e Personalização de Sites Web Usando WordPress, Manuais, Projetos, Pesquisas de Informática

Baixe Configuração e Personalização de Sites Web Usando WordPress e outras Manuais, Projetos, Pesquisas em PDF para Informática, somente na Docsity!

Apostila de Introdução ao WordPress

- Sistema de Gerenciamento de Conteúdo –

(CMS - Content Management System)

Profa. Flávia Pereira de Carvalho

Taquara - RS

Sumário

• 1 WORDPRESS – SISTEMA DE GERENCIAMENTO DE CONTEÚDO Página
• 2 INSTALAÇÃO DO WORDPRESS
• 3 PREPARANDO O AMBIENTE PARA USAR O WORDPRESS
  • 3.1 INSTALANDO O WAMPSERVER
  • 3.2 INSTALANDO O WORDPRESS
  • 3.3 CONFIGURANDO O WORDPRESS..............................................................................................................................................
  • 3.4 ADMINISTRANDO O WORDPRESS
  • 3.5 PERSONALIZANDO O WORDPRESS...........................................................................................................................................
  • 3.6 FERRAMENTAS
  • 3.7 PLUGINS
  • 3.8 PUBLICANDO O SITE NA WEB
  • 3.9 HOSPEDAGEM DE SITES

Na hora de contratar uma hospedagem, certifique-se que seu plano atende esses requisitos mínimos. Na página do wordpress.org (em inglês), entrando no menu superior, About e depois no menu lateral, Requirements (https://wordpress.org/about/requirements), vai aparecer a lista de requisitos recomendados, conforme imagem abaixo: Figura 2 – Requisitos Recomendados para o WordPress Também é possível acessar essa lista dos requisitos recomendados na seção Download da página em português (https://br.wordpress.org). Para usar o WordPress no seu computador, é preciso criar esse cenário com os requisitos citados. Para isso, vamos instalar um pacote de ferramentas chamado WampServer, apresentado no capítulo a seguir. 3 Preparando o ambiente para usar o WordPress Para que o seu computador tenha todos os requisitos recomendados para usar o WordPress, é necessário instalar algumas ferramentas. O WampServer (http://www.wampserver.com/en) é um ambiente de desenvolvimento web para Windows, que permite criar aplicações com Apache2, PHP e Banco de Dados MySQL. Além disso, é possível gerenciar facilmente seus bancos de dados com a ferramenta PhpMyAdmin que faz parte do pacote. Além do Wamp, existem outras ferramentas semelhantes como Mamp (https://www.mamp.info/en) que tem versões para Mac OS X e para Windows e o Xampp (https://www.apachefriends.org/pt_br/index.html) que é possível baixar para Linux, Windows ou Mac.

3 .1 Instalando o WampServer Na página inicial do WampServer (http://www.wampserver.com/en/), clique em Start Using WampServer , conforme imagem abaixo: Figura 3 – Tela Inicial do WampServer Após isso, você deve escolher qual das versões baixar, de acordo com o Windows que tem instalado no seu computador, se é de 32 ou 64 bits. Para verificar a configuração do seu computador entre em Painel de Controle – Sistema e Segurança – Sistema. Figura 4 – Escolher 32 ou 64 Bits

Você vai baixar um arquivo .zip para o seu computador. Ele é leve, baixa rápido (9 MB). Ao descompactar esse arquivo, você terá uma pasta chamada wordpress com vários arquivos dentro, conforme imagem apresentada à esquerda. Para funcionar o site que vamos desenvolver usando o WordPress, é necessário colocar esses arquivos do WordPress dentro da pasta www do WampServer, que é onde tem o nosso Servidor Web e o Banco de Dados. Então, agora você precisa copiar a pasta wordpress para dentro da pasta www do Wamp. Se quiser, pode alterar o nome da pasta wordpress para um outro nome qualquer que desejar. Para acessar a pasta www do WampServer, basta clicar no ícone do Wamp na barra de ferramentas do Windows (ao lado do relógio) e clicar na opção www directory , conforme imagem à direita: Vai abrir a pasta www, conforme imagem abaixo: E então, basta copiar ou arrastar (recortar) a pasta wordpress para dentro da pasta www (imagem à esquerda). Vamos trocar o nome da pasta wordpress para autoriawp (imagem à direita). Dentro do mesmo servidor web, ou seja, dentro da pasta www do WampServer é possível ter mais de um site (mais de um projeto) usando o WordPress, mas para cada site, você terá que instalar um WordPress diferente.

Para acessar a nossa pasta do Wordpress (chamada autoriawp ) através de um browser (navegador) , basta digitar na barra de endereços o seguinte: localhost/autoriawp , conforme imagem abaixo. Figura 7 – Endereço da Página Desenvolvida Novamente, abra as opções do WampServer na barra inferior do Windows (perto do relógio) e clique na opção phpMyadmin. Ou, poderia ir direto através do endereço http://localhost/phpmyadmin/ no browser (imagem a seguir). Através dessa ferramenta é possível gerenciar nossos Bancos de Dados.

Conforme imagem anterior, vamos clicar na opção Base de Dados (1ª aba), para criarmos nosso Banco de Dados. Vai abrir uma janela semelhante essa apresentada abaixo, onde você vai colocar o nome que deseja par ao seu Banco e clicar no botão Criar. Sugestão de nome para o Banco: autoriawp. Figura 9 – Criando Banco de Dados no phpMyAdmin Lembre-se que o nome do Banco não pode iniciar com número, nem ter espaços, acentos, cedilha, caracteres especiais e deve ser todo com letras minúsculas. Figura 10 – Banco de Dados Criado

Na imagem anterior, já é possível ver o nosso Banco autoriawp criado. Após isto, vamos voltar na página inicial do WordPress e clicar no botão Vamos lá! , pois já temos o primeiro item solicitado daqueles 5, conforme imagem a seguir: Figura 11 – Janela de Instalação do WordPress Após clicar no botão Vamos lá!, nesta próxima etapa (página seguinte), você tem que fornecer os 5 itens solicitados para instalação do WordPress, conforme imagem a seguir.

Ao clicar no botão Instalar, aparecerá a janela abaixo, onde você terá que preencher mais algumas informações: Figura 14 – Concluindo Instalação do WordPress Ao clicar no botão Instalar WordPress (no final dessa tela), se tudo der certo, aparecerá a janela a seguir.

Figura 15 – Instalação do WordPress Finalizada Esse usuário e senha que acabamos de criar são os que vamos usar para gerenciar o WordPress, ou seja, gerenciar o site que estamos desenvolvendo. Ao clicar no botão Fazer Login , vamos para a página de gerenciamento do WordPress. Se você observar na barra de endereço do browser, vamos para o seguinte endereço: http://localhost/autoriawp/wp-login.php, conforme apresentado na próxima imagem. Figura 16 – Tela de Login para Gerenciar o WordPress

O frontend é público, é o que as pessoas, os visitantes vão enxergar ao acessar o site e o backend é privado, ou seja, necessita de usuário e senha para acessar, pois é onde o site é administrado, gerenciado. ➢ Observação Importante: vamos instalar e usar o WP localmente , ou seja, ou no seu notebook ou nos computadores do laboratório (quem não tiver notebook), pois não será possível usarmos através do servidor FIT (teríamos que pedir para o laboratorista instalar). 3.3 Configurando o WordPress Antes de começar a usar o WordPress, vamos fazer algumas configurações nele. Após acessar a área administrativa do WP (fazendo o login), vamos acessar o Painel no menu à esquerda. Figura 19 – Configurando o WordPress: Painel O Painel mostra uma visão geral do site. Na parte superior, tem um tutorial sobre como começar a usar e configurar o WP, clicando no botão Personalize seu site, mas como não vamos usar esse tutorial, vamos clicar na opção Dispensar , que tem bem em cima, à direita, conforme imagem abaixo, para que essa opção não apareça mais. 3.3.1 Configurações Gerais No menu da esquerda, vamos entrar em Configurações e clicar na opção Geral. Vamos a abrir o painel de Configurações Gerais , conforme imagem a seguir.

Figura 20 – Configurações Gerais do WordPress

• Título do site: é o título que colocamos durante a instalação do WP.
• Descrição: é o slogan do site e alguns temas exibem a descrição logo abaixo do título.
• As próximas duas opções relacionadas aos endereços (WordPress e do site), não devemos alterar.
• Endereço de e-mail: caso deseje alterar o endereço do seu e-mail, pode fazer por aqui.
• Membros: se você marcar a opção “Qualquer pessoa pode se registrar”, estará autorizando que as pessoas possam criar contas em seu site, ou seja, marque essa opção, se você quiser que as pessoas possam se cadastrar no site, criando uma conta com login e senha para ter acesso a algum tipo de conteúdo exclusivo.
• Função padrão para o novo usuário: caso você tenha marcado a opção anterior para permitir que as possas possam criar conta no seu site, você terá que escolher a função para esses usuários. Ao acessar o WP com login e senha, ele verifica qual a função desse usuário, ou seja, qual o nível de acesso desse usuário. Alguns exemplos a seguir: o Assinante: não consegue acessar o backend, só consegue fazer login no frontend e poderá ter acesso a algumas informações específicas. o Colaborador: não publica textos, mas pode sugerir posts para serem publicados.

3.3.3 Configurações de Leitura Nesta opção vamos configurar a forma como a página inicial exibe informações para os visitantes. Figura 22 – Configurações de Leitura do WordPress

• A página inicial mostra: nesta opção você vai escolher o que vai aparecer na página inicial do seu site, que pode ser “Seus posts recentes” ou “Uma página estática”. Se você escolher a segunda opção, vai ter que selecionar qual página será a inicial e em qual página os posts serão apresentados, que não poderá ser na mesma inicial. Serão páginas que você vai criar e dar o nome que quiser.
• As páginas do blog mostram no máximo: aqui você vai escolher a quantidade de postagens que será apresentada na página inicial. Vai mostrar os últimos X posts.

• Os feeds RSS mostram os últimos: RSS é uma forma das pessoas assinarem o conteúdo do seu site, todo blog feito em WP tem um RSS. Isso permite que as pessoas recebam as atualizações do seu site sem ter que visitar frequentemente o site para verificar se tem coisas novas. Muitas pessoas usam leitores RSS como ferramenta que permita ler todas as suas notícias em um só lugar. O Feedly (https://feedly.com) é uma ferramenta conhecida, assim como o Flipboard (https://flipboard.com/) onde você pode cadastrar o RSS dos seus sites favoritos e começa a receber cada coisa nova que ele publica. É como se você construísse o seu próprio jornal apenas com as fontes que prefere. RSS significa Rich Site Summary , ou seja, uma forma simplificada de apresentar o conteúdo de um site. Um documento RSS é feito na linguagem XML e geralmente exibe o grande volume de informações existente em uma página na internet de forma resumida.
• Para casa post em um feed, mostrar: na opção “Texto completo”, a pessoa que assina o seu RSS vai receber cada post na íntegra, ou seja, de dentro do leitor de RSS ela já vai ler todo conteúdo do post, sem precisar acessar o seu site (lê tudo direto no aplicativo) e na opção Resumo, a pessoa vai ver o título do post, a foto e um trecho inicial do texto do post e, se ela quiser ler todo conteúdo, vai ter que clicar para acessar o seu site e poder ler o texto completo. Se o seu objetivo é fazer com que os “conteúdos” do seu site cheguem até as pessoas, pode escolher a opção de mostrar o texto completo, mas se você “ganha dinheiro com anúncios” no seu site, por exemplo, é interessante que as pessoas visitem o site para que você possa exibir os anúncios, e assim monetizar o seu site, nesse caso seria melhor usar a opção do Resumo.
• Visibilidade nos mecanismos de busca: já configuramos durante a instalação do WP. 3.3.4 Configurações de Discussão Estão relacionadas aos comentários dentro das postagens ou dentro das páginas do WP. A maioria das configurações padrão já estão bem selecionadas para a maioria dos casos e são muito auto explicativas. Vamos marcar a opção “O comentário deve ser aprovado manualmente” para evitarmos que sejam postados automaticamente comentários não desejados. Figura 23 – Configurações de Discussão do WordPress