Universidade Federal de Santa Maria Centro de Tecnologia
Programa de Educação Tutorial Sistemas de Informação
TUTORIAL
Por:
Anthony Tailer Ribas de Almeida
Evandro Luis da Rosa Fensterseifer Filho Joel Ferreira da Silva
Leonardo Steffenello Rhauani Fazul
Romeu Isaac Casarotto
Santa Maria, 2016
Sumário
1. INICIANDO COM O WORDPRESS ………....2
1.1 O que é WordPress? ……….2
1.2 As variações do WordPress………...2
1.3 Instalação do WordPress………3
1.3.1 Instalação Automática por ferramentas do serviço…….……….3
1.3.2 Instalação Manual………..4
2. PAINEL DE CONTROLE DO WORDPRESS……….9
2.1 Diferenças entre Post e Páginas ………...9
2.2 Postagens ..……….9
2.2.1 Criando um Novo Post...………....9
2.2.2 Diferentes Formatos de Posts……….…….11
2.2.3 Editando um Post existente...………..……….11
2.2.4 Criando categorias e tags...………...12
2.3 Páginas….……….15
2.3.1 Criando e Editando Páginas ………...16
2.4 Adicionando conteúdo Multimídia………....18
2.4.1 Adicionando e editando imagens………...19
2.4.2 incluindo vídeo e Áudio...………21
2.4.3 Utilizando a biblioteca de Mídia ………..22
2.5 Gerenciamento de comentários………...25
2.6 Criando Links no Wordpress………...….26
2.7 Adicionando e editando Widgets………...………..27
2.8 Criando e personalizando Menus………...29
2.9 Definindo e personalizando o Tema………...……….33
2.9.1 Mudando a aparência do Tema………..34
2.10 Utilizando o Editor de Código………...……….35
2.11 Instalação de Plugins…………...………...35
2.11.1 Acesso FTP via plugin………...37
2.12 Criação de Usuários………..……….38
2.13 Configurações Gerais………...………..39
3 REFERÊNCIAS………...42
1. INICIANDO COM O WORDPRESS
Você já pensou em possuir seu próprio site sem ter um conhecimento muito avançado em informática? Com certeza deve ter pensado que existe uma maneira mais fácil de alcançar esse objetivo. O grupo PET Sistemas de Informação apresenta nesse tutorial uma ferramenta que irá auxiliar você a construir sua página web ou blog de uma maneira profissional e gratuita.
1.1 O que é WordPress?
WordPress é uma plataforma de Gerenciamento de Conteúdo para Web, ou CMS do inglês, Content Management System
, escrito em PHP com banco de dados MySQL,
oferecendo suporte desde a criação de um simples Blog até o mais completo site de ecommerce. Criado por Mike Little e Matthew Mullenweg em 27 de maio de 2003, atualmente sendo mantido por usuários de todo mundo em uma comunidade juntamente com uma empresa denominada Automattic
, na qual os criadores são funcionários.
1.2 As variações do WordPress
Existem duas variações deste gerenciador de conteúdo, o WordPress.org e o WordPress.com ambos em português, o que facilita a compreensão. A diferença entre ambos é que a versão .org é muito mais completa, personalizável e profissional do que a versão .com
, sendo que é necessário até mesmo um servidor para hospedar o seu Blog, ou
site. Se você não sabe o que é e como funciona esse processo consulte este link sobre Hospedagem de Sites.
A versão .com, por mais que não seja tão completa, apresenta alguns temas padrão e não necessita de contratação de um serviço de hospedagem como citado anteriormente.
O problema é que não permite adicionar propagandas em seu site (banners do Adsense) e o código fonte de sua página não é modificável, restringindo assim qualquer tipo de personalização por meio de linguagens de programação como JavaScript, CSS, PHP e alterações no servidor de arquivos FTP.
Ambas variações possuem boas opções de custobenefício, com planos gratuitos e limitados, ou com planos pagos incluindo recursos adicionais. Porém, depende muito dos planos que você tem para seu Site/Blog, seu nível de conhecimento em informática e disponibilidade de tempo para descobrir todos os recursos disponíveis do WordPress que atualmente é considerado a maior plataforma de Gerenciamento de Conteúdo para a Web do mundo. A Figura 1.2.1
ilustra a diferença entre os logos das variações de versões do
WordPress.
Figura 1.2.1 WordPress.com VS WordPress.org
1.3 Instalação do WordPress
Neste Tutorial utilizamos como exemplo a variação do WordPress.org mencionado anteriormente por ser mais completo, satisfazendo qualquer tipo de necessidade que você possa ter.
Antes de começar, segundo a própria comunidade do WordPress, você deve verificar se seu serviço de hospedagem tem suporte às configurações do WordPress. Você pode consultar estes requisitos listados em WordPress.org, que são os mesmos listados na Figura 1.3.1.
Figura 1.3.1 Requisitos do WordPress
1.3.1 Instalação Automática por ferramentas do serviço
Quando você contratar algum serviço de hospedagem é bem possível que ele suporte a instalação do WordPress automática, assim você não terá grandes dificuldades na hora de fazer a instalação.
A seguir estão alguns links com instruções de instalação oferecidas por alguns dos serviços mais populares:
● Hostgator
● Hostnet (com vídeo)
● Locaweb
● UOL Host (com vídeo)
1.3.2 Instalação Manual
Se você possui conhecimentos mais avançados com informática ou mesmo possuir um servidor e preferir fazer a instalação por conta própria, o WordPress pode ser instalado manualmente seguindo as seguintes instruções:
1. Baixe e descompacte o pacote do WordPress
Acesse o site https://br.wordpress.org e clique no botão como segue na Figura 1.3.2.1 destacada abaixo:
Figura 1.3.2.1 Download do WordPress
Por padrão, o pacote de instalação está dentro de uma pasta chamadawordpress
,
então se preferir que o WordPress esteja diretamente na raiz do seu site, terá que mover ou enviar os arquivos e pastas para o diretório raiz. Você pode fazer isso pelo painel de gerenciamento de arquivos do serviço de hospedagem ou por um software FTP.
2. Crie um banco de dados
Se você estiver usando um serviço de hospedagem pode ser que o mesmo já possua um banco de dados instalado, podendo haver uma solução automática para a instalação do mesmo.
Por padrão o Banco de Dados usado pelo WordPress é o MySQL da Oracle. É necessária a criação de um usuário com todas as permissões. Todo o Banco de dados possui um SGBD (Sistema Gerenciador de Banco de Dados), uma ferramenta que auxilia na administração geral do mesmo, um dos mais conhecidos para o MySQL é o phpMyAdmin. Os passos necessários para configurar um banco dados usando phpMyAdmin para o WordPress podem ser acompanhados por este link aqui retirado diretamente do site wordpress.org.
3. Crie e edite o arquivo wpconfig.php
O arquivo wpconfig.php deve ser configurado, pois o WordPress o utiliza para ter conhecimento de onde está seu Banco de Dados, configurado no passo anterior. Existe a possibilidade de configurar este arquivo automaticamente na instalação do Wordpress, mas podem ocorrer alguns erros e ele pode não ser encontrado, caso isso ocorra, a instalação
deve ser realizada manualmente. A seguinte tela deverá aparecer, como segue na Figura 1.3.2.2.
Figura 1.3.2.2 Erro ao escrever no wpconfig.php
Se você já enviou os arquivos do WordPress já extraídos, a partir de seu computador siga os seguintes passos:
1. Vá até a pasta onde estão os arquivos;
2. Copie o arquivo wpconfigsample.php;
3. Renomeie a cópia para wpconfig.php;
4. Abra o arquivo wpconfig.php em um editor de textos apropriado;
5. Preencha com seus dados de acesso ao banco de dados;
6. Envie o arquivo para onde estão os arquivos do WordPress no servidor.
Se enviou o pacote .zip para o servidor e extraiu por lá usando o painel do serviço de hospedagem FTP:
1. Abra o arquivo que fez donwload e extraia o arquivo wpconfigsample.php;
2. Renomeie a cópia para wpconfig.php;
3. Abra o arquivo wpconfig.php em um editor de textos apropriado;
4. Preencha com seus dados de acesso ao banco de dados;
5. Envie o arquivo para onde estão os arquivos do WordPress no servidor.
A alteração a ser realizada deve seguir os padrões da Figura 1.3.2.3.
Figura 1.3.2.3 Linhas de configuração no arquivo wpconfig.php
Localize estas linhas no arquivo e substitua conforme comentado na própria figura retirada do site oficial do WordPress.
4. Finalize a instalação do WordPress
Posteriormente à configuração do arquivo wpconfig.php
, você deve finalizar a
configuração acessando seu site.
● Se você deixou os arquivos do WordPress na raiz do site (diretamente), visite:
http://seusite.com/
● Se você deixou os arquivos do WordPress em uma pasta, por exemplo blog
,
visite: http://seusite.com/blog
Caso tudo esteja configurado corretamente, as seguintes telas deveram aparecer, representadas na Figura 1.3.2.4
e Figura 1.3.2.5 respectivamente.
Figura 1.3.2.4 Finalizando a Instalação
Figura 1.3.2.5 Instalação concluída com sucesso
Com isto a instalação deve estar concluída com sucesso.
2.
PAINEL DE CONTROLE DO WORDPRESS
2.1 Diferenças entre Post e Páginas
Os Posts (Postagens) podem ser considerados como publicações periódicas, em algumas situações os mesmos podem ser exibidos na página inicial do site/blog como se fossem parte de uma página principal. Eles costumam aparecer em ordem cronológica inversa, ou seja, a postagem mais recente fica no topo e as mais antigas ficam após. Os posts possuem título, autor, data, categoria, link para comentários e por último, mas nem sempre, podem possuir tags.
As páginas são consideradas estáticas comparadas aos posts, elas podem manter vários posts ou terem alguma multimídia fixada em seu contexto, na maioria dos sites sempre existe ao menos uma página que armazena vários posts. Os links de acesso as páginas se encontram atrelados ao menu de navegação do site, onde geralmente, cada item do menu de navegação leva a uma página diferente.
2.2 Postagens
2.2.1 Criando um Novo Post
Os Posts podem ser criados acessando o Painel lateral, como segue na Figura 2.2.1.1.
Figura 2.2.1.1 Acesso a configuração de posts
Ao selecionar a aba referente a “Posts” no Painel lateral, serão exibidos todos os posts já criados. Logo abaixo, no submenu de “Posts” existem outras duas opções, adicionar um novo post (Add New
) e a exibição das categorias (Categories ) que foram
anteriormente criadas através das tags empregadas nos posts. Estas duas serão mencionadas com mais detalhes nas próximas seções.
Para criar um novo post deve ser selecionada a opção “Add new
” no Submenu de
“Posts
”. Uma página em branco com um simples editor de texto aparecerá como naFigura
2.2.1.2.
Figura 2.2.1.2 Criando um novo post
Será necessário definir um título para o seu post no campo “Enter title here
”. Abaixo
é apresentada uma caixa para edição do texto a ser exibido no corpo do post. Na lateral direita da página existe a possibilidade de adicionar Tags, que servem para que o buscador encontre a postagem com maior facilidade. Logo acima existe a opção para selecionar alguma categoria já cadastrada. Caso não haja categoria, existe a opção para adicionar uma nova categoria, que serve para delimitar e classificar diferentes tipos de postagem.
No canto superior direito, na caixa chamada Publicação (Publish
), existem opções
para definir quando o post deverá publicado, sua visibilidade para os internautas acessantes e o status do post. Enquanto você estiver escrevendo ele será mantido como Rascunho (Draft
).
Nesta mesma caixa existem ainda dois botões, “Salvar Rascunho (Save Draft
)” que
salva o post como rascunho e não o publica no site e o botão de “Prévisualização (Preview
)” que possibilita uma visão gráfica de como o post irá se comportar na página caso
seja publicado da forma como está. Por fim, existem as opções de “Mover para a lixeira (Move to Trash
)” que exclui o post e a opção Publicar (Publish ) que publica o post no site.
2.2.2 Diferentes Formatos de Posts
Existem alguns formatos de posts que podem ser utilizados, não sendo obrigatório usar todos. A seguinte lista descreve cada um dos formatos de Post disponíveis para uso em seu tema WordPress:
● Vídeo (video
): formato que define que um post contém um vídeo. Podese
definir campos personalizados para aparecer na edição de post quando o formato de vídeo for escolhido, como por exemplo: duração; endereço; url do vídeo; etc.
● Áudio (audio
): seguindo o mesmo conceito do formato de post Vídeo, o áudio
permite definir que o post em questão contém um áudio, seja um podcast, uma música etc. No tema, você poderia adicionar estilos para diferenciálo dos outros formatos.
● Imagem (image
): esse formato define um post que contenha uma imagem. É
mais específico para um post que não haverá conteúdo em texto, tendo talvez uma breve descrição da imagem apresentada.
● Galeria (gallery
): semelhante ao formato Imagem, este define quando um
post contém uma galeria de imagens. Seria algo similar à posts de portais de conteúdo que utilizam galerias com várias imagens para apresentar um conteúdo.
● Nota (aside
): o formato de post Nota pode ser comparado com uma
atualização de status no Facebook. Normalmente não é utilizado um título, contendo apenas o conteúdo da nota que, na maioria das vezes, é curta.
● Link (link
): um post com formato Link apenas aponta para outro site. Por
exemplo, podese criar um campo customizado na edição para inserir o link, enquanto o título do post seria o texto linkado a ser apresentado no tema.
● Citação (quote
): a citação é um formato interessante para blogs pessoais,
permitindo citar frases ou trechos de conteúdo de outro autor e referenciar aos mesmos.
● Status (status
): o formato Status é semelhante a Nota, porém geralmente
uma nota acaba sendo maior. Podese comparar o Status a um Tweet.
● Chat (chat
): pouco utilizado, o formato Chat é a transcrição de uma conversa,
podendo apontar o autor de cada mensagem, personalizando a apresentação de modo que fique claro quem falou o quê.
2.2.3 Editando um Post existente
Após criados os posts, podese ter a necessidade de editálos. Seja para corrigir erros, acrescentar ou retirar informações, mais cedo ou mais tarde pode ser necessário editar alguma postagem. Para isso, é preciso acessar a lista de postagens ou artigos na barra lateral esquerda e localizar o botão de editar, junto do título da postagem a ser alterada como demostrado na Figura 2.2.3.1.
Figura 2.2.3.1 Editando uma Postagem
Em algumas versões do Wordpress, é necessário posicionar o mouse em cima do título da postagem para que apareça a opção de editar. Após acessada a tela de edição, o procedimento é idêntico ao de criação de uma nova postagem. Concluídas as edições, basta clicar em atualizar onde antes existia o botão de publicar.
2.2.4 Criando categorias e tags
Categorias consistem em marcadores de conteúdo que classificam e agrupam as postagens com assuntos semelhantes. Basicamente servem para colocar cada tipo de post junto com seu grupo, de forma mais genérica, como temas e subtemas.
Para criar categorias basta acessar a aba Posts, localizada no Painel direito, e em seguida abrir o sub item Categorias. A Figura 2.2.4.1 demonstra a utilização e personalização desse item.
Figura 2.2.4.1 Criação de Categorias
Conforme exibe a Figura 2.2.4.1, estando a aba aberta, exitem algumas opções de personalização, demarcadas pelos números 1 à 6.
1. Nome: Como sugerido, aqui irá o nome da Categoria a ser criada;
2. Slug: Campo opcional (se não for preenchido será gerado automaticamente de acordo com o nome da categoria), basicamente serve para editar a URL referente a página da categoria;
3. Lista de Categorias já criadas : Mostra as categorias existentes, dando opções para edição e remoção das mesmas. Note que a categoria padrão “Sem categoria”
não pode ser excluída, apenas editada, isso se deve ao fato de que um post obrigatoriamente deve ter uma categoria, logo se você não escolher uma, o WordPress irá usar a categoria padrão;
4. Pai: Campo opcional, serve para criar uma subcategoria e manter a URL com a categoria “pai” e a categoria “filho”. Por exemplo, se a categoria pai tiver o nome
“principal” e a categoria filho (a que está sendo criada) tiver o nome “subcategoria”, a URL dessa categoria será:
<http://nomedosite.com/category/principal/subcategoria/>;
5. Descrição: Campo opcional, usado para gerar a descrição da página da categoria (se for necessário);
6. Adicionar nova categoria : Como o próprio nome sugere, adiciona uma nova categoria.
Em contrapartida às Categorias, Tags servem para definir em poucas palavras o que está no corpo do post. Elas servem para dar destaque às palavraschave do texto, agrupando os posts de acordo com essas palavras, mesmo que eles não pertençam a mesma categoria.
Para criar Tags basta acessar a aba Posts localizada no Painel direito e em seguida abrir o sub item Tags. A Figura 2.2.4.2
demonstra a utilização e personalização desse item.
Figura 2.2.4.2 Criação de Tags
As opções de personalização são as mesmas anteriormente demonstradas em Categorias, com a diferença de que o uso de Tags em um post não é obrigatório, logo não existe uma tag padrão do Wordpress.
Para inserir categorias e tags em um post, basta abrir o post correspondente e
utilizar a barra lateral direita, ilustrada na Figura 2.2.4.3.
Figura 2.2.4.3 Adicionando Categorias e Tags
Nos campos destacados é possível desde a criação de novas tags e categorias, até a utilização das categorias e tags criadas anteriormente. Lembrando que, caso não seja
“linkada”
nenhuma categoria ao post, será utilizada a categoria padrão do WordPress.
2.3 Páginas
As páginas ou pages
podem ser acessadas através do menu lateral esquerdo do
WordPress. Através da Figura 2.3.1 pode ser visualizada a página que contém todas as pages
com o Título, data, autor e comentários sobre cada uma das páginas. Através deste
local podem ser alteradas, editadas, visualizadas e excluídas.
O processo de criação de uma nova página pode ser efetuado através do link no menu lateral esquerdo em “Add New
” ou acima da caixa com todas as páginas criadas ao
lado de “Pages” no botão “Add new
”. Para modificarmos uma página já criada, ao mover o
mouse por cima de uma página já criada é possível realizar uma edição, excluir ou visualizar a mesma.
Figura 2.3.1 Página referente sobre as Pages, com seus respectivos campos
2.3.1 Criando e Editando Páginas
Ao acessar a opção de adicionar uma nova página através do menu lateral ou pelo botão de “Add new
” na página contendo todas as páginas, é exibida uma página para a
edição de uma nova página, apresentada pela Figura 2.3.1.1 . Nessa página devese definir um título para a mesma, definir um texto logo abaixo na caixa de edição de texto e do lado direito da página se encontram algumas opções de publicação, os atributos da página e a opção para adicionar alguma imagem. As opções podem ser visualizadas pelas Figura 2.3.1.1 e
Figura 2.3.1.2 respectivamente.
Figura 2.3.1.1 Criando uma nova página
Figura 2.3.1.2 Criando uma nova página, opções menu lateral direito
O que determina qual é o nível da página, e se ela vai ser exibida automaticamente no blog (e em qual ordem) são os Page Atributes (Atributos da Página), opções de formatação da página em questão. O campo Parent(Pai) é de grande utilidade para que se estabeleça uma hierarquia dentro de seu site/blog, ou seja, se você tiver uma página chamada “Sobremesas” em sua página e você criou uma página chamada “Sobremesas Prontas” você pode colocar a segunda página como filha da primeira estabelecendo assim uma hierarquia dentro de seu site/blog. Uma explicação mais detalhada sobre esse assunto pode ser encontrada neste link . O campo Order(Ordem) é a sequência em que as páginas (de mesmo nível e de mesma filiação) devem ser exibidas do site/blog, a atribuição ocorre através de um valor numérico e sequencial infinito. Todas estas funções só serão úteis e funcionais se o template(tema) usado tiver suporte a este recurso.
O processo de edição ocorre da mesma forma de criação de uma página. Contudo ao invés de acessar a opção de “Add new
” é acessada a opção “Edit ”, a Figura 2.3.1.3
apresenta o processo a ser tomado.
Figura 2.3.1.3 Opção de editar uma nova página
2.4 Adicionando conteúdo Multimídia
O WordPress permite incorporar conteúdos multimídia em suas postagens e páginas. Para adicionar um destes conteúdos (sejam arquivos de vídeo, imagens ou até mesmo áudios) são usados procedimentos muito semelhantes.
Para que seja possível a integração destes conteúdos, é necessário que o conteúdo esteja previamente colocado no servidor de arquivos do seu WordPress. Para isso há um passo a passo muito simples, porém fundamental, visto que só é possível o incremento de conteúdo em sua page
ou post apenas após o upload do conteúdo.
Figura 2.4.1 Adicionando nova multimídia
Para acessar as mídias adicionadas ao servidor, conforme visto na Figura 2.4.1 , no primeiro passo, basta irmos na aba “Media” ou “Mídias”. Nesta aba, podemos visualizar todo o conteúdo multimídia disponível para as postagens. Se desejarmos adicionar novos conteúdos, basta clicar no botão destacado no segundo passo, “Add New” ou “Adicionar novo”.
Uma nova interface aparecerá, permitindo realizar ações de upload
, conforme
mostra a Figura 2.4.2 . É possível adicionar conteúdo de duas maneiras: (a) através do botão “Select Files” (“Selecionar Arquivos”), que irá abrir uma janela onde é possível navegar pelos diretórios de seu sistema operacional; ou (b) arrastando o conteúdo desejado para o campo pontilhado.
Figura 2.4.2 Janela de Uploads
O arquivo será carregado e logo depois estará disponível entre os demais.
2.4.1 Adicionando e editando imagens
Para incorporar imagens à postagem, basta Clicar no botão “Add Media” ou
“Adicionar Mídia” na área do editor, conforme visualizamos na Figura 2.4.1.
Figura 2.4.1.1 Adicionando nova multimídea na Postagem
Ao clicar em Adicionar mídia, abrirá uma nova janela, onde serão mostradas duas opções: usar arquivos já armazenados no servidor ou fazer upload de arquivos novos para serem usados posteriormente. Ressaltando o que foi dito no tópico anterior, só é possível incorporar suas publicações com conteúdo multimídia se o mesmo está previamente alocado no servidor de seu WordPress.
Caso queira usar um arquivo não alocado, basta ir para a aba “Upload Files” ou
“upload de arquivos” e seguir os passos descritos anteriormente. Caso já possua a imagem, basta escolhêla dentre as existentes e posteriormente clicar em “insert into post” ou “inserir em seu post”. Podemos visualizar essa janela e suas propriedades na Figura 2.4.1.2.
Figura 2.4.1.2 Adicionando nova multimídia na Postagem
Pronto! A imagem está colocada em sua page. Agora basta editar o texto ou página da forma que desejar. Além de identação e posicionamento da imagem, é possível fazer algumas alterações diretamente na figura, como Escala e Aspecto. Para isso, basta manter pressionado o mouse por alguns instantes encima da figura que serão exibidas opções de edição, conforme Figura 2.4.1.3.
Figura 2.4.1.3 Imagem adicionada no Post
A Figura 2.4.1.3 nos mostra uma lista de possibilidades de edição diretamente na imagem. É possível reposicionar a mesma ou fazer as edições citadas anteriormente. Ao clicar no Ícone do “lápis”, o WordPress nos disponibiliza uma nova janela de edição, conforme a Figura 2.4.1.4.
Figura 2.4.1.4 Edição de Imagem
Após fazer suas edições mais detalhadas, basta clicar em “back” que você retornará à edição da postagem.
2.4.2 Incluindo Vídeo e Aúdio
Acrescentar áudio e vídeo segue a mesma ideia da adição de arquivos de imagem.
A diferença está na escolha dos arquivos, onde ao invés de imagens, você escolhe seus áudios ou vídeos.
Da mesma forma que podemos fazer algumas alterações nas imagens, é possível editar detalhes sobre a mídia de vídeo a ser adicionada na postagem. Ao seguir os mesmos passos da edição de imagem, teremos a edição de algumas características do videoclipe, como por exemplo se ele inicia sua execução automaticamente com a página ou quais alternativas aos formatos disponíveis para o mesmo arquivo. Podemos ver detalhadamente esses detalhes na Figura 2.4.1.5.
Figura 2.4.1.5 Edição de Imagem
2.4.3 Utilizando a biblioteca de Mídia
É possível fazer upload
e gerenciar os arquivos de mídia sem criar um post antes,
ou seja, você pode adicionar os arquivos que deseja utilizar posteriormente, apagar arquivos já existentes, dentre outros.
Para adicionar uma nova mídia dessa forma, é necessário acessar os itens Midia >
Adicionar Nova no Painel direito, conforme ilustrado na Figura 2.4.3.1.
Figura 2.4.3.1 Adicionando arquivos de mídia
Nessa página é possível arrastar ou selecionar novos arquivos, lembrando que estes devem respeitar o tamanho máximo de 50MB.
Acessando a aba Mídia > Biblioteca você poderá visualizar, excluir e editar os arquivos enviados. A Figura 2.4.3.2 demonstra essa página.
Figura 2.4.3.2 Gerenciando a biblioteca de mídia
Note que também é possível adicionar novas mídias nessa página pelo botão Adicionar Nova.
Colocando o cursor do mouse sobre um item na tabela, serão apresentadas algumas opções de edição. No caso de imagens, essas ferramentas também serão exibidas após o envio dos arquivos clicando no link Mostrar > Editar Imagem na lista de arquivos enviados. A Figura 2.4.3.3 ilustra algumas opções de edição.
Figura 2.4.3.3 Editando arquivos de imagem
Nessa página serão apresentadas algumas opções de edição, tais como: excluir, redimensionar, renomear, recortar, inverter, etc.
Quando você estiver criando um post (ou página) e quiser adicionar imagens nele, basta clicar no botão Adicionar Mídia como destacado na Figura 2.4.3.4.
Figura 2.4.3.4 Adicionando mídia em um post
Assim você pode utilizar a biblioteca para inserir uma mídia já existente ou fazer upload de um arquivo novo. Também serão apresentadas opções para inserção de imagem via URL e para definir uma imagem destacada , que será a imagem exibida como “capa”
do post.
2.5 Gerenciamento de comentários
O WordPress possibilita, além de armazenar os comentários dos usuários de sua página, gerenciálos. O objetivo desse gerenciamento é simples: permitir que o moderador do domínio possa, antes de serem publicado os comentários, fazer uma moderação dos mesmos. Caso houver alguma desconformidade, incoerência ou desaprovação, será possível editar, excluir ou responder o comentário.
Para acessar a área de gerenciamento de comentários, basta ir na área Comments (ou comentários). Conforme a Figura 2.5.1 , estarão listados todos os comentários feitos em sua página. Além disso, são mostradas todas as ações é possíveis em cada um deles.
Figura 2.5.1 Comentários
Na Figura 2.5.1 é possível observar melhor isso. Existem filtros para facilitar o gerenciamento dos mesmos. É possível visualizar as mensagens através de categorias (“1”), como “aprovado”, “Spam” e “lixo”.
As classificações são dadas pelo moderador. Conforme vemos na mesma imagem, na marcação de número “2”, temos ações. Dentre elas, desaprovar, aprovar, responder excluir ou colocar na lista de Spam.
Figura 2.5.2 Gerenciamento de comentários
Num primeiro momento, pode não parecer muito atrativa a utilidade de gerenciar de forma tão completa os comentários nos posts das páginas. Porém, é necessário ressaltar que podem haver comentários maliciosos ou até mesmo Spams em forma de comentários, o que pode prejudicar sua página e até mesmo a imagem de seu produto ou empresa.
Outra observação que podemos ter, é que o usuário de sua página pode ter seu feedback e até mesmo perceber a atenção que é dada a ele, de forma a destacarse.
2.6 Criando Links no Wordpress O objetivo de criar links
dentro de nossas páginas é tornála mais acessível e
prática. Podemos inserir links que ligam o usuário para conteúdos que estão sendo trabalhados na página, assim como tantas outras aplicações que visam praticidade para quem a utiliza.
Para criar um link em um post não há dificuldade. Conforme a Figura 2.6.1 abaixo, na caixa de ferramentas de edição, temos diversas ferramentas de edição do texto. Dentre elas o que está destacado.
Figura 2.6.1 Criação de Links
Ao clicar neste ícone, visualizamos uma janela (Figura 2.6.2
) que nos proporciona o
“gerenciamento” do link. Basta então inserir o link para o qual você deseja redirecionar o usuário (URL) e o Texto que irá usar neste link (Link Text). Nesse campo, você pode
escrever qualquer coisa, como uma palavra ou frase. Há também a possibilidade de escolher se o link será ou não aberto em uma página nova de seu navegador, ou se abrirá sob a que o usuário está trabalhando atualmente.
Figura 2.6.2 Edição de Links
Após ajustar suas preferências, clicamos em “Add Link” ou “Adicionar Link” e o texto ou palavra que você escolheu irá redirecionar o usuário para o link adicionado.
2.7 Adicionando e editando Widgets
Uma importante funcionalidade do Wordpress é a possibilidade de adicionar blocos de conteúdo em seu site através de Widgets. Com o uso de Widgets é possível adicionar conteúdos no site sem a necessidade de editar arquivos do tema padrão, tornando dessa forma a sua utilização mais fácil, rápida e prática. A maioria dos temas possui o que se chama de Área de Widgets.
Para acessar a Área de Widgets, basta clicar em Aparência, e no submenu Widgets. A Figura 2.7.1 demonstra o funcionamento da tela de administração de Widgets.
Figura 2.7.1 Tela de Administração de Widgets
Conforme exibido na Figura 2.7.1 , a tela do Subpainel de Widgets mostra uma aba com duas caixas de diálogos: Widgets Disponíveis e Widgets Inativos. Além disso, uma Área de Widgets, com os conteúdos utilizados no seu tema padrão. Alguns temas podem ter várias áreas de widgets, enquanto outros têm suporte a apenas uma área.
● Widgets Disponíveis : Esta caixa reúne widgets que podem ser adicionados em sua Área de Widgets, ou seja, conteúdos que serão adicionados ao seu site. Alguns widgets podem ser adicionados em várias áreas ao mesmo tempo, enquanto outros permitem o seu uso em apenas uma área. Isso é porque alguns plugins geram códigos que não funcionariam bem quando usados duas vezes na mesma página.
Exemplo de Widgets disponíveis : agenda, categorias, comentários, páginas, pesquisar, tópicos recentes, entre outros.
● Widgets Inativos : Esta caixa reúne widgets desativados, mas que mantém suas configurações. Caso você configure um widget, mas não quer mais utilizálo, arrasteo para esta caixa e não perderá suas configurações recentes.
● Área de Widgets : É mostrada como uma caixa do lado direito da página. O título da caixa geralmente indica a posição da área no tema (ex: barra direita, rodapé...). Os widgets que estiverem na Área de Widgets serão automaticamente exibidos em seu site.
Tendo o conhecimento das principais funcionalidades da tela de administração dos Widgets, é possível que você adicione e edite Widgets para o seu site. O tema de seu site/blog deve ter no mínimo uma área de exibição de Widgets, para que seja possível adicionálos ao seu site.
Para adicionar um Widget ao seu site:
● É necessário que o Widget esteja na lista de Widgets Disponíveis.
● Clique sobre a barra de título do Widget o qual deseja adicionar. Mantenha pressionado o botão do mouse e arraste o widget até a Área de Widgets, ou seja, arraste o Widget da lista de disponíveis até a área de widgets.
Dentro da Área de Widgets, você ainda pode editar suas configurações ou mudar a ordem em que cada um é exibido no site.
Para editar um Widget:
● Dê um clique simples sobre o Widget, na Área de Widgets, o qual deseja editar. Logo abaixo, serão exibidas as configurações específicas deste widget, as quais você pode alterar.
Para mover um Widget:
● Clique sobre a barra de título do Widget, na Área de Widgets, o qual deseja mover, e arraste para cima ou para baixo, até a posição em que deseja fixálo.
2.8 Criando e personalizando Menus
Outra importante funcionalidade disponibilizada pelo Wordpress é a possibilidade de criar e personalizar os menus do seu site. A utilização de menus facilita a navegação entre os itens e/ou as páginas de seu site.
Para acessar os Menus, basta clicar em Aparência, e no submenu Menus. A Figura 2.8.1 demonstra o funcionamento da tela de administração de Menus.
Figura 2.8.1 Tela de Administração de Menus
Conforme a Figura 2.8.1 , a tela do Subpainel de Menus mostra uma área para criação de menus para o seu tema. Esta tela se divide em duas áreas: a área à esquerda composta por várias caixas ou módulos os quais você poderá adicionar aos menus, e a área à direita onde os menus podem ser criados e visualizados.
A área à direita da tela é onde você pode criar menus e visualizar os menus criados.
Os menus criados ficarão como abas nesta área e você pode criálos mesmo que não os utilize.
Para criar um menu:
● Ao lado de Nome do Menu, no lado direito da página, digite o nome do menu que deseja criar.
● Clique em Salvar Menu.
Com o menu criado, é possível personalizálo de diversas formas, através das abas Gerenciar Posições e Editar Menus.
● Gerenciar Posições : Contém as opções de menus disponíveis para o tema escolhido. Esta aba é visível somente se o tema tiver alguma área de menu para exibir. A Figura 2.8.2 exibe a aba para Gerenciar Posições.
Figura 2.8.2 Gerenciar posições dos menus
Visualizando a Figura 2.8.2 , podese perceber a possibilidade de selecionar qual menu deve aparecer em cada posição do site.
Para gerenciar as posições dos menus:
● Escolha em quais posições do site devem ser exibidos os menus criados.
● Selecione entre os menus criados, qual deve ser exibido em cada posição escolhida.
● Editar Menus : Contém os tipos de itens do site que podem ser itens de link de um menu. Esta aba somente é visível se existir pelo menos um menu criado. A Figura 2.8.3 exibe a aba para Editar Menus.
Figura 2.8.3 Editar menus
Visualizando a Figura 2.8.3 , podese perceber a possibilidade de adicionar itens do site a qualquer um dos menus criados anteriormente.
Para editar os menus do site:
● Escolha quais caixas ou módulos de tipos de conteúdo (páginas, posts, links personalizados, categorias) devem ser adicionados ao menu criado.
● Arrasteos até a área à direita, ou seja, até a estrutura do menu criado.
Também é possível adicionar clicando no botão Adicionar ao Menu.
Com o menu criado, ainda é possível alterar sua organização ou editar especificamente cada um dos seus itens.
Para organizar o menu:
● Os itens adicionados ficam listados linearmente na área à direita. Você pode arrastálos para a ordem que desejar (para cima ou para baixo).
Para alinhar o menu:
● Os submenus são itens que aparecem como um menu suspenso, você pode arrastálos para o alinhamento que desejar (direita).
Para editar os itens individualmente:
● Para acessar as opções de um item no seu menu, clique na seta no canto direito do item.
● É possível editar diversas características individuais de cada item.
2.9 Definindo e personalizando o Tema
Uma funcionalidade fundamental para o desenvolvimento de sua página, site ou blog, é a possibilidade de definir e personalizar a aparência do tema . Um tema para o WordPress é uma coleção de arquivos para produzir uma interface gráfica ao seu site.
Esses arquivos são chamados de Arquivos de Modelo. Um tema modifica a forma como o site é mostrado, sem modificar os arquivos do WordPress.
Para acessar os Menus, basta clicar em Aparência, e no submenu Temas. A Figura 2.9.1 demonstra o funcionamento da tela de administração de Temas.
Figura 2.9.1 Tela de Administração de Temas
Conforme a Figura 2.9.1 , a tela do Subpainel de Temas mostra uma área para gerenciar temas do seu Wordpress. Isso significa que você pode instalar novos temas, ativar e personalizar temas em uso.
Nesta tela é exibida uma lista de temas já instalados. O tema ativo aparece destacado no topo desta lista. Abaixo dele você encontra os outros temas instalados que no momento não estão em uso.
Se você preferir outros temas:
● Clique em Adicionar Novo Tema e você será capaz de navegar ou pesquisar por temas adicionais gratuitos e compatíveis com a licença usada pelo Wordpress.
Com o tema escolhido, você tem as opções de visualizar e ativar esse tema. A opção Visualizar permite você ver como ficaria seu site utilizando o tema escolhido. A opção Ativar torna esse tema o padrão utilizado em seu site.
Para visualizar um tema:
● Clique no link Personalizar, logo abaixo do tema escolhido.
Para ativar um tema:
● Clique no link Ativar, logo abaixo do tema escolhido.
2.9.1 Mudando a aparência do Tema
Uma importante facilidade de personalização de seu site através do Wordpress é a possibilidade de mudar a aparência do tema padrão utilizado.
Quando você escolher por visualizar um tema, você será redirecionado para a exibição do seu site. Como já mencionado, a visualização não torna esse tema o padrão, enquanto que a ativação define este tema como o utilizado. Apesar disso, você pode mudar a aparência do tema conforme seus interesses.
Ao ser redirecionado para a exibição de seu site, do lado esquerda da página aparecerão várias características possíveis de serem alteradas. Dentro de cada uma dessas características, você pode personalizar cada detalhe de seu site. Você terá as opções de alterar:
● Identidade do site;
● Cores;
● Imagem de fundo;
● Menus;
● Widgets;
● Página inicial estática.
Para realizar a mudança destas características, basta clicar sobre qual delas desejar. Do mesmo lado da página, serão exibidos os detalhes possíveis de serem alterados. Use sua criatividade e veja as alterações no site.
2.10 Utilizando o Editor de Código
O WordPress é um gerenciador de conteúdo bastante completo, permite diversos tipos de configurações e customizações. Logo, não poderia faltar uma ferramenta que permita a edição do código fonte da página. Um detalhe importante, é necessário estudo e conhecimento prévio de linguagens de desenvolvimento web, como HTML, CSS e em alguns momentos até mesmo PHP, para fazer alterações sem prejudicar o sistema. O editor de código pode ser acessado conforme demostrado na Figura 2.10.1.
Figura 2.10.1 Acessando o Editor de Código
Para acessar o editor de código e os arquivos customizáveis de seu site, basta clicar no item Aparência no menu lateral e então selecionar o Editor. A partir daí, é possível encontrar uma lista de arquivos. Selecione o que deseja editar, sempre com muita atenção, para editar o arquivo certo e evitar erros no sistema. Assim que concluir as edições, basta ir até o fim da página e clicar no botão Atualizar Arquivo.
2.11 Instalação de Plugins
Hoje em dia, em sistemas de computador, navegadores web, etc, podemos instalar diversos incrementos, pequenos programas que agregam alguma nova função ao sistema ou programa principal. No WordPress, estes tipos de recursos recebem o nome de Plugins
e possuem um menu bastante completo para instalação, configuração e remoção dos mesmos, conforme apresentado na Figura 2.11.1.
Figura 2.11.1 Página de gerência de Plugins Para acessar a página de gerência de plugins
, basta clicar na opção Plugins , no
menu lateral. É possível instalar plugins de forma prática e rápida. Com apenas alguns cliques podemos pesquisar por nomes, adicionar, remover, ativar e desativarplugins
. Para
adicionar novos plugins, basta clicar no botão adicionar novo, selecionar o plugin desejado e então adicionálo em sua instalação de WordPress. No caso de não conseguir instalar o plugin desejado diretamente pelo sistema, será necessário baixar o plugin por sites de terceiros, ou pelo próprio site do WordPress e carregálo na opção Upload Plugin , para passar do computador para a instalação WordPress conforme demonstrado na Figura 2.11.2.
Figura 2.11.2 Página de instalação e upload de plugins 2.11.1 Acesso FTP via plugin
Após aprender como instalar plugins, é possível adicionar e ativar plugins para auxiliar o acesso FTP às pastas e arquivos de sua instalação WordPress. Na Figura 2.11.1.1 podemos ver o plugin FileManager em ação.
Figura 2.11.1.1 WordPress FileManager Plugin para gerenciar arquivos do servidor
Após instalado o plugin de gerência de arquivos, seguindo as instruções de instalação, é possível visualizar, adicionar, remover e alterar arquivos hospedados em sua instalação WordPress.
2.12 Criação de Usuários
O WordPress dispõe de recursos para a criação de diferentes usuários que podem acessar o Painel de Controle. Assim você pode controlar as permissões que cada um deles deverá possuir. Para adicionar um novo usuário, basta acessar o item Usuários >
Adicionar Novo no Painel, preencher o formulário da tela ilustrada na Figura 2.12.1 e clicar no botão Adicionar novo Usuário, na parte inferior direita.
Figura 2.12.1 Criação de novos usuários
Você deve atribuir uma senha para o novo usuário, sendo que você poderá mudála após fazer login em http://nomedosite.com/wpadmin. O nome de usuário, no entanto, não pode ser alterado.
Os novos usuários receberão um email informando que eles foram adicionados como novos usuários em seu site. Por padrão, este email também conterá suas senhas.
Desmarque a caixa “ Enviar esta senha para o novo usuário por email ” se você não quiser que a senha seja incluída no email de boasvindas.
Outro campo importante é o campo Função, que define o conjunto de tarefas que um usuário tem permissão para executar. Um resumo dessas tarefas pode ser visto abaixo:
● Super Admin Acesso à administração da rede do blog, possuindo o controle de toda a rede;
● Administrador Acesso a quase todas as funcionalidades de administração;
● Editor Pode publicar e gerenciar posts e páginas, bem como gerenciar posts de outros usuários, etc;
● Autor Pode publicar e gerenciar seus próprios posts;
● Colaborador Pode escrever e gerenciar seus posts, mas não publicálos;
● Assinante Só pode gerir seu próprio perfil.
Após instalar o WordPress, uma conta de Super Admin com todas as Capacidades é criada automaticamente.
Em Usuários > Todos os Usuários no Painel, é possível visualizar e gerenciar os mesmos.
2.13 Configurações Gerais
Para ter acesso às configurações gerais do seu site, basta acessar o painel direito em Configurações > Geral . Assim é possível definir o título do site, formato de data e hora, email administrativo, dentre outros, conforme demonstrado na Figura 2.13.1.
Figura 2.13.1 Configurações gerais
Nessa página temos acesso as seguintes configurações:
1. Título do site: Geralmente exibido no topo de cada página e na barra de títulos do navegador;
2. Descrição: Slogan do site;
3. Endereço do WordPress (URL): URL completa do diretório contendo seus arquivos principais do WordPress;
4. Endereço do site (URL): Endereço que o usuário digita no navegador para acessar o site;
5. Endereço de Email: Email para receber mensagens sobre a administração e manutenção do site.
6. Membros: Marque esta opção se desejar que qualquer pessoa se registre como membro em seu site;
7. Função padrão para novo usuário: Função padrão atribuída aos novos usuários;
8. Fuso horário: Selecione a cidade que possui o mesmo fuso horário que o seu;
9. Formato de Data: Formato da data a ser exibido no site;
10.Formato de hora: Formato de hora a ser exibido;
11.Semana começa em: Selecione o dia da semana de início preferido para calendários WordPress.
Também na aba configurações podemos acessar os demais submenus, seguindo Configurações >:
a) > Escrita: Este painel controla a interface da escrita de posts e páginas. Tais configurações controlam os recursos do WordPress, como permitir a criação de conteúdo remotamente, serviços de notificação de atualização e outros recursos;
b) > Leitura: Aqui podemos decidir se queremos uma página estática como a página inicial e ajustar a quantidade de posts que serão exibidos na home. Além disso, é possível ajustar recursos do Feed para determinar como as informações do seu site são enviadas para um leitor web ou outras aplicações;
c) > Discussão: Permite definir opções sobre a área de comentários do site, também chamada de Discussão. Determina se comentários são permitidos, se pingbacks e trackbacks são aceitáveis e como será a política de combate a spam;
d) > Mídia: O Painel Mídia controla vários aspectos relacionados a imagens e mídias usadas quando se cria postagens e páginas. Clique em “Salvar Alterações” no final da tela para que as novas configurações tenham efeito;
e) > Links Permanentes: Por padrão, o WordPress usa URLs que têm pontos de interrogação e diversos números, mas aqui temos a capacidade de criar uma estrutura de URL personalizada para links permanentes e arquivos. Isso pode melhorar a estética, usabilidade e compatibilidade dos links;
Todas as configurações e campos desses painéis são descritivos, sendo a maioria selecionáveis com um clique.
Como pode ser acompanhado neste tutorial, o WordPress é uma ferramenta extremamente vasta com inúmeras possibilidades de personalização e uma imensa galeria de plugins disponíveis, auxiliando na praticidade de se manter uma página web hoje em dia.
Todo tipo de recurso gratuito tem suas limitações, mas com certeza existe muita coisa bacana a ser usada e explorada para construir algo de qualidade. O grupo PETSI agradece a todos que acompanharam este tutorial e para aqueles que querem conhecer um pouco mais sobre o assunto recomendamos que acessem as referências logo aqui abaixo que utilizamos para construir este material para você. Muito obrigado!
3 REFERÊNCIAS
WordPress.org The Online Manual for WordPress Encontrado em:
https://codex.wordpress.org/ Acessado em Julho de 2016.
Hostnet Hospedagem WordPress Encontrado em:
https://www.hostnet.com.br/app/hospedagemwordpress/ Acessado em Julho de 2016.
Evonline Por que usar WordPress Encontrado em:
https://www.evonline.com.br/porqueusarowordpress/ Acessado em Julho de 2016.
WebMaster WordPress Encontrado em: http://www.webmaster.pt/categoria/wordpress Acessado em Julho de 2016.
Manual.wp.site.com.br Encontrado em: http://manual.wp.site.com.br/ Acessado em Julho de 2016.
FB ferramentasblog Diferença entre Tags e Categorias Encontrado em:
http://www.ferramentasblog.com/2010/05/qualdiferencaentretagsecategoriais.html Acessado em Julho de 2016.
Escola WordPress Plugins WordPress Encontrado em: http://www.escolawp.com/
http://tudoparawp.com.br/ Acessado em Agosto de 2016.
Como Criar meu site WordPress Encontrado em:
http://www.comocriarmeusite.com.br/wordpress2/ Acessado em Agosto de 2016.
Blog Difluir WordPress.org Vs wordPress.com Encontrado em: http://blog.difluir.com/ Acessado em Agosto de 2016.
