wordpress institucional ufpel guia rápido

Download WordPress Institucional UFPel Guia Rápido

Post on 07-Jan-2017

219 views

Category:

Documents

0 download

Embed Size (px)

TRANSCRIPT

  • GABINETE DO REITOR COORDENAO DE TECNOLOGIA DA INFORMAO NCLEO DE SISTEMAS DE INFORMAO SEO DE TECNOLOGIAS PARA WEBSITES

    WordPress Institucional UFPel Guia Rpido

    Verso 2.0.1

    Maro de 2015

  • Introduo

    Este documento tem por objetivo ser um guia prtico para implementao de um site bsico no WordPress Institucional UFPel.

    Acompanhar as orientaes na sequncia apresentada permitir ao usurio

    colocar seu site em funcionamento em poucos minutos.

    1. Acessando a rea administrativa do site

    Para entrar na interface administrativa de seu site, acesse o endereo:

    wp.ufpel.edu.br/wp-admin

    Na tela de login, informe o seu nome de usurio (geralmente o mesmo nome do site) e a senha de acesso. Essas informaes esto no e-mail que voc recebeu quando o site foi criado.

    Caso no lembre sua senha, clique no link "Perdeu a senha?" na tela de login.

    A seguir informe seu nome de usurio, ou o e-mail utilizado no cadastro do site. Voc receber um e-mail com um link para redefinir sua senha.

    Para acessar a administrao de seu site a partir de um computador fora da rede da Universidade, necessrio utilizar o servio Proxy.UFPel.

    Caso necessite esse acesso, consulte as instrues em proxy.ufpel.edu.br

    1

    http://wp.ufpel.edu.br/wp-adminhttp://proxy.ufpel.edu.br/

  • 2. Estruturando o site - Pginas

    O primeiro passo na criao do site definir as informaes que voc deseja disponibilizar. Utilize o recurso de pginas do WordPress para definir a estrutura do site e organizar seu contedo.

    Exemplo de organizao do site de um programa de ps-graduao:

    Docentes Discentes Linhas de Pesquisa Projetos Publicaes Estrutura Curricular Documentos

    Para criar uma pgina, acesse o menu Pginas e clique em Adicionar Nova,

    conforme indicado na Figura 2.1.

    Figura 2.1: (a) acesso ao submenu de pginas; (b) opo para adicionar nova pgina.

    A Figura 2.2 apresenta a tela de criao/edio de pgina. Cada pgina deve

    possuir um ttulo (Fig. 2.2(a)), que ser utilizado no menu do site. A rea de texto (Fig. 2.2(b)) permite digitar o contedo da pgina, com recursos semelhantes aos de um processador de textos, como o Word. Para salvar a pgina clique em Publicar, indicado na Fig. 2.2(e), e a pgina estar imediatamente disponvel no site.

    2

  • possvel tambm visualizar a pgina antes de public-la, clicando em Visualizar (Fig. 2.2(c)), ou salvar um rascunho da pgina para continuar a edio do texto posteriormente, clicando em Salvar como rascunho (Fig. 2.2(d)). Observe que a pgina no ficar visvel aos visitantes do site enquanto no for publicada.

    Figura 2.2: (a) ttulo da pgina e nome de exibio; (b) caixa de texto para digitar contedo da pgina; (c) visualiza pgina sem torn-la pblica; (d) salva rascunho; (e) publica a pgina; (f) define ordem da pgina no menu.

    O menu de navegao do site gerado automaticamente, utilizando os ttulos das pginas, conforme apresentado na Figura 2.3. Ao clicar em uma das opes do menu, ser exibido o contedo da pgina correspondente.

    Figura 2.3: menu gerado pelo sistema a partir das pginas criadas.

    Voc pode controlar a ordem das pginas no menu, atravs do campo Ordem no quadro de Atributos de pgina (Fig. 2(f)).

    Atribua um nmero para cada pgina e elas sero exibidas no menu seguindo a ordem numrica.

    3

  • 2.1. Pginas mes e filhas Caso o site contenha muitas pginas aconselhvel organiz-las em uma

    estrutura hierrquica, vinculando grupos de pginas a uma pgina me. Observe a sugesto de organizao apresentada abaixo:

    Apresentao

    Docentes Discentes Linhas de Pesquisa

    Pesquisa

    Projetos Publicaes Seminrios de Andamento

    Mestrado

    Seleo Estrutura Curricular

    Doutorado

    Seleo Estrutura Curricular

    Informaes

    Bolsas Documentos Contato

    Na tela de edio da pgina voc pode vincular a pgina sendo editada a uma

    pgina me, selecionando a pgina me desejada no quadro Atributos de pgina, conforme indicado na Figura 2.4.

    possvel utilizar, com bons resultados, at trs nveis de pginas. Acima disso,

    a navegao no menu poder ficar confusa.

    4

  • Figura 2.4: (a) seleo da pgina me.

    Seguindo a estrutura proposta acima, o menu ser gerado com dois nveis. Ao passar o cursor sobre o ttulo de uma pgina, as pginas filhas so exibidas em um quadro suspenso, como ilustrado na Figura 2.5.

    Figura 2.5: menu em dois nveis, baseado na hierarquia de pginas mes e filhas.

    Consulte tambm nosso tutorial sobre Menus Personalizados, disponvel em wp.ufpel.edu.br/docs.

    Esse recurso proporciona ainda maior controle sobre a organizao dos menus e permite tambm adicionar links para sites externos.

    5

    http://wp.ufpel.edu.br/docs

  • 2.2. Restringindo com senha o acesso uma pgina

    possvel restringir o contedo de uma pgina a um grupo de pessoas, atravs da configurao de uma senha de acesso. Esse recurso pode ser utilizado, por exemplo, para evitar o acesso irrestrito a material de aula original.

    Ao acessar uma pgina com este tipo de segurana, o visitante ser solicitado a informar a senha para visualizar seu contedo, como ilustrado na Figura 2.6.

    Figura 2.6: (a) Campo para inserir senha na pgina protegida.

    Para adicionar senha a uma pgina, edite a pgina desejada. No quadro Publicar localize o item Visibilidade (Fig. 2.7(a)) e clique no link Editar ao lado desse item. Selecione a opo Protegida por senha (Fig. 2.7(b)) e insira a senha desejada no campo Senha (Fig. 2.7(c)).

    Clique no boto OK (Fig. 2.7(d)) e depois em Atualizar (Fig 2.7(e)) para salvar as

    configuraes.

    Figura 2.7: (a) configuraes de Visibilidade da pgina; (b) opo protegida por senha; (c) senha de acesso;

    (d) boto para confirmar a configurao; (e) boto para atualizar a pgina.

    6

  • 3. Publicando notcias e comunicados - Posts

    Para a divulgao de notcias e comunicados utiliza-se o recurso de posts do WordPress. Os posts so exibidos na pgina inicial do site e chamam a ateno do visitante para atualizaes e acontecimentos importantes, como abertura de inscries, prazos para envio de documentos, resultados de seleo, etc.

    Observe que os posts geralmente carregam informaes

    momentneas, relacionadas a um determinado perodo de tempo, ao contrrio das pginas, que contm informaes que

    necessitam estar permanentemente disponveis no site.

    Para criar um post, acesse o menu Posts e clique em Adicionar Novo, conforme

    indicado na Figura 3.1. A tela de edio de posts bastante semelhante tela de edio de pginas.

    Figura 3.1: (a) acesso ao submenu de posts; (b) opo para adicionar novo post.

    Os posts so exibidos no site em ordem cronolgica decrescente, com os posts mais recentes acima dos mais antigos. possvel marcar um post como fixo, evitando que o mesmo seja deslocado para baixo por posts mais novos. Este recurso pode ser usado, por exemplo, para garantir que comunicados importantes permaneam no topo das notcias do site.

    A Figura 3.2 ilustra como fixar um post. No quadro Publicar, direita da tela de

    edio, clique nas opes de Visibilidade (Fig. 3.2(a)) e ento marque a opo Fixar este post na pgina inicial. Lembre-se de desmarcar essa opo quando o destaque no for mais necessrio.

    Figura 3.2: (a) acesso s opes de visibilidade; (b) opo para fixar o post.

    7

  • 4. Adicionando imagens em pginas e posts

    Na rea de edio do texto, coloque o cursor na posio onde deseja inserir a imagem e clique no boto Adicionar Mdia, acima da barra de ferramentas, como indicado na Figura 4.1.

    Figura 4.1: (a) boto para adicionar mdia no post.

    Na janela seguinte, clique na aba Enviar arquivos (Fig. 4.2(a)) e clique no boto Selecionar arquivos (Fig. 4.2(c)) para selecionar arquivos no seu computador. Voc pode tambm arrastar as imagens diretamente para a rea de envio.

    Figura 4.2: (a) aba para enviar arquivos; (b) biblioteca de arquivos j existentes; (c) boto para selecionar arquivos do computador do usurio.

    Aps o envio da imagem, as configuraes de exibio (Fig. 4.3(c)) permitem ajustar o alinhamento da imagem em relao ao texto e o tamanho de exibio no post. Certifique-se que a opo Link para esteja configurada para Arquivo de mdia, para que a imagem seja exibida em tela cheia ao ser clicada.

    Opcionalmente, pode-se adicionar uma legenda imagem atravs do campo

    Legenda, indicado na Fig. 4.3(b). Para inserir a imagem com as opes configuradas, no boto Inserir no post.

    8

  • Figura 4.3: (a) imagem selecionada; (b) campo para adicionar legenda imagem; (c) configuraes de exibio da imagem; (d) boto para inserir mdia no post.

    Para reutilizar uma imagem que j foi enviada para o site,

    clique na aba Biblioteca de mdia, selecione a imagem desejada, configure a exibio e clique em Inserir no post

    9

  • 5. Disponibilizando documentos para download

    Para anexar documentos (PDF, DOC, XLS