Manual do Usuário CMS WordPress Versão atual: 3.0 1 - Introdução O Centro de Gestão do Conhecimento Organizacional, CGCO, criou, em março de 2008, uma equipe para atender à demanda de criação de novos sites para a Universidade Federal de Juiz de Fora, UFJF, oferecendo um serviço em que o usuário tenha autonomia para administrar todo conteúdo do site, de maneira simples e fácil. Esse serviço facilita a padronização, o controle e a manutenção dos sites hospedados na UFJF, acabando com a dependência de empresas externas, o que implica também em economia para a Universidade. Outro fator a destacar é a melhoria da segurança em termos de hospedagem de sites, com equipamentos mais modernos, backups automatizados e constante acompanhamento das novas versões dos programas, com o objetivo de beneficiar essa melhoria. A realizou um estudo sobre as ferramentas de gerenciamento de conteúdo existentes, em software livre, e que pudessem atender a todas as especificações levantadas pela equipe. A ferramenta escolhida foi WordPress, a qual é apresentada abaixo. Tenha um bom proveito! 2- Tela de Entrada Para acessar o painel administrativo do site, deve-se digitar no browser (navegador) o seguinte endereço: http://www.ufjf.br/seusite/wp-admin/ Observação: Onde seusite é o nome escolhido no ato de sua requisição. Pág. 1 Atualizado em novembro de 2010
Após digitar o endereço, aparecerá a tela de login para acesso à administração do conteúdo do site. Clique no link Perdeu a senha?, caso a tenha esquecido. Ela será enviada para o e-mail de contato do site. Digite o Nome de usuário e a Senha para entrar no sistema. Aparecerá a seguinte tela: Na parte superior esquerda, clique sobre o nome do site para visitá-lo. E na parte superior direita, há a opção de sair do sistema ( Olá, nomedeusuario > Sair ). Onde o nomedeusuario é o login de administrador do site. Pág. 2 Atualizado em novembro de 2010
Do lado esquerdo, há um menu de acesso a todas funcionalidades, que possui um sistema diferenciado para visualização dos itens. Clicando na seta para a esquerda, o menu se recolhe. Clicando na seta para baixo, o menu específico se expande. Clicando novamente na mesma seta, o menu se recolhe. Clicando na seta para a direita, o menu se expande. No centro da tela, há uma área de informações do sistema. No canto superior direito, há uma opção chamada Opções de tela, que permite o aparecimento ou não de itens na parte central. Pág. 3 Atualizado em novembro de 2010
Por exemplo, ao desmarcar a opção de Comentários, este item não aparecerá. Veja: Pág. 4 Atualizado em novembro de 2010
Pág. 5 Atualizado em novembro de 2010
3 - Troca de Senha Para efetuar a troca de senha, clique no menu à esquerda, chamado Perfil. Desça a tela de configurações do usuário até chegar à opção Nova senha. Digite-a e, logo após, redigite-a para confirmá-la. Ao finalizar, clique no botão Atualizar perfil para salvar as modificações. Pág. 6 Atualizado em novembro de 2010
4 Criação de novas páginas ou notícias 4.1 - Criar nova página Criar uma nova página significa criar uma opção que aparecerá no menu principal do site. Para isso, basta clicar em Páginas e no submenu chamado Adicionar nova, destacados abaixo em vermelho. Insira um título e o conteúdo. Utilize as opções do editor para formatar a página, como: usar negrito, sublinhado, alterar cor, colocar link, etc. 4.2 - Criar nova notícia Para criar uma nova notícia, clique no menu à esquerda chamado Posts e depois, no submenu Adicionar novo. Veja mais dicas de utilização do editor no item 6, Dicas de Formatação. Pág. 7 Atualizado em novembro de 2010
A opção de Salvar como rascunho não deixa a página visível, ou seja, publicada na internet. Para verificar as modificações no site, clique na opção Visualizar. Para salvar e publicar, clique no botão Publicar. Essas opções estão destacadas em vermelho na tela abaixo. Pág. 8 Atualizado em novembro de 2010
4.2 - Editar páginas Para editar uma página, clique no menu Páginas e em seguida, no submenu Todas as Páginas, destacados abaixo em vermelho. Aparecerá uma lista de páginas já incluídas no site. Clique no título para ser editada. Nesse momento, tanto o título como o conteúdo poderão ser alterados. Aparecerá novamente o editor, com as mesmas opções mencionadas na criação de uma nova página. Feitas as alterações, clique no botão Atualizar para salvá-las. Para retirar a publicação da página, clique na opção à direita, chamada Status e, logo depois, em Editar. Em seguida, escolha a opção Revisão pendente e clique no botão OK. Pág. 9 Atualizado em novembro de 2010
Feitas as alterações, clique no botão Atualizar para salvá-las. Abaixo dessa tela, em Atributos de Página, há opções que serão úteis, como a ordenação das páginas no menu e a criação de subpáginas. Ordem das páginas: Deve-se alterar o campo Ordem para o número desejado. No menu, a página localizada acima tem sempre um número menor do que a de baixo. Observação: toda nova página criada recebe o valor 0 (zero). Após a inclusão das novas páginas, aconselha-se reordenar todas elas, seguindo a orientação acima. Pág. 10 Atualizado em novembro de 2010
Subpáginas: são as subdivisões de uma página, mas que não são visualizadas no menu, aparecendo na parte central da tela. Seguem os procedimentos: a) Editar a página do menu que terá subdivisões, ou seja, a página mãe. b) Na opção Modelo, deve-se escolher Página com Filho, ou seja, ela permite possuir subpáginas. Logo após, clicar em Atualizar. c) O passo seguinte é criar a subpágina, da mesma forma que se cria uma página normal. A diferença é que, ao criá-la ou editá-la, no atributo Mãe, deve-se escolher na lista a anterior, criada com o modelo de Página com Filho no item b acima. d) Caso essa subpágina também tenha subdivisões, o procedimento é o mesmo, ou seja, escolha o modelo Página com Filho 2 no atributo Modelo. Depois, crie a outra página e no atributo Mãe, escolha a subpágina acima. e) Caso a subdivisão pare por aí, escolha no atributo Modelo o Modelo Padrão. 4.3 - Excluir páginas Para excluir uma página, clique no menu à esquerda chamado Páginas e em seguida, no submenu de mesmo nome. Marque na lista qual ou quais páginas deseja excluir. Selecione a ação Mover para a Lixeira, na caixa Ações em massa, acima ou abaixo da lista de páginas. Logo após, clique no botão Aplicar. Outra opção é passar o mouse na página que se deseja excluir e escolher a opção Lixeira. Pág. 11 Atualizado em novembro de 2010
Observação: tome cuidado ao marcar a opção Título, localizada acima ou abaixo da lista de páginas, e clicar em Aplicar, pois marca todas as páginas ao mesmo tempo, correndo-se o risco de apagá-las. Pág. 12 Atualizado em novembro de 2010
5 - Notícias Para armazenar a notícia, clique no botão Salvar como rascunho. Para prévisualizar a notícia, clique no botão Visualizar. Para salvar e publicar, clique no botão Publicar. Veja abaixo os destaques em vermelho: Observações: a) Quando for necessário copiar e colar textos vindos de outra fonte, como de outros sites ou do programa Word, etc., clique no ícone do editor, cole o texto na caixa que será aberta, a fim de retirar a formatação original antes de inserir o texto na página. b) Diferença entre Salvar como rascunho e Publicar. Clicando em Salvar como rascunho, a notícia fica salva internamente no editor, sem a visualização na internet. Clicando em Publicar, a notícia fica salva no editor e é publicada também na internet. 5.2 - Editar notícias Para editar uma notícia, clique no menu Posts e, em seguida, no submenu de mesmo nome. Aparecerá uma lista de notícias. Clique no título desejado para fazer as alterações. Pág. 13 Atualizado em novembro de 2010
Nesse momento, tanto o título como o conteúdo poderão ser editados. Aparecerá novamente o editor, com as mesmas opções mencionadas na criação de uma nova notícia. Após as alterações, clique no botão Atualizar para salvá-las. Para retirar a publicação da notícia, clique na opção à direita, chamada Status e logo depois, em Editar. Em seguida, escolha a opção Revisão pendente e clique na opção OK. O processo é semelhante ao explicado anteriormente sobre Páginas. Após as alterações, clique no botão Atualizar para salvá-las. Pág. 14 Atualizado em novembro de 2010
5.3 - Excluir notícias Para excluir uma notícia, clique no menu à esquerda chamado Posts e depois, no submenu Todos os Posts. Marque na lista qual ou quais páginas deseja excluir. Em seguida, selecione a ação Mover para a Lixeira, na caixa Ações em massa, acima ou abaixo da lista de páginas. Logo após, clique no botão Aplicar. Outra opção é passar o mouse na notícia que se deseja excluir e escolher a opção Lixeira. Pág. 15 Atualizado em novembro de 2010
Observação: tome cuidado ao marcar a opção Post, localizada acima ou abaixo da lista de notícias, e clicar em Aplicar, pois essa opção marca todas as notícias ao mesmo tempo, correndo-se o risco de apagá-las. 6 - Dicas de formatação 6.1 - Visualizar mais opções no editor de textos Para mais opções no campo de conteúdo do editor de textos, clique no último ícone da 1ª. linha, chamado Mostrar/ocultar opções avançadas. Pág. 16 Atualizado em novembro de 2010
6.2 - Colar textos vindos de outras fontes de informação Após clicar no ícone Mostrar/ocultar opções avançadas, uma 2ª. linha de opções do editor será aberta. Quando for necessário copiar e colar textos vindos de outra fonte, como de outros sites ou do programa Word, etc., clique no ícone do editor, Colar como texto simples, cole o texto na caixa que será aberta, a fim de retirar a formatação original antes de inserir o texto na página. Pág. 17 Atualizado em novembro de 2010
Com a janela Colar como Texto Simples aberta, cole o texto a ser inserido. Em seguida clique no botão Inserir. Pág. 18 Atualizado em novembro de 2010
6.3 - Criar links nos textos Para criar um link, primeiro digite o texto no editor. As palavras ou frases que receberão links deverão ser alteradas antes de serem ligadas a outro site, como por exemplo, mudar para negrito ou sublinhado, alterar cor da fonte, etc. Em seguida, selecione a parte do texto que receberá o link. Clique no ícone Inserir/editar link. Pág. 19 Atualizado em novembro de 2010
Uma janela será aberta para digitar a URL (endereço completo) do link. Caso o endereço esteja errado, o site não será aberto. Aconselha-se escolher a opção Abrir link numa nova janela/aba. Em seguida, clique no botão Add Link. Observação: somente será visualizado após a publicação. 6.4 - Inserir imagens Primeiramente, verifique onde está o cursor,, dentro do editor, pois a imagem será inserida naquela posição. Para inserir uma imagem no conteúdo do texto, clique no ícone Upload/Inserir. da opção Logo após, clique no botão Enviar arquivo e escolha a imagem a ser inserida no texto, de preferência nas extensões JPG, GIF, PNG. Escolhido o arquivo, clique no botão Fazer upload. Pág. 20 Atualizado em novembro de 2010
No campo Título, escreva o nome da imagem. O texto digitado no campo Legenda é que irá aparecer abaixo da imagem, quando inserida na notícia ou na página. Em Alinhamento, escolha uma das opções, ou seja, Nenhuma, Esquerda, Centro ou Direita. Em Tamanho, escolha entre Miniatura, Médio ou Tamanho original. Pág. 21 Atualizado em novembro de 2010
Ao final, clique no botão Inserir no post. A imagem será inserida no campo de conteúdo do editor. Pág. 22 Atualizado em novembro de 2010
Clicando sobre a imagem, aparecerão dois ícones. O círculo vermelho cortado é para apagar a imagem no editor. O da paisagem em azul é para editar a imagem, podendo-se alterar o alinhamento e o tamanho. Após as modificações, clique no botão Atualizar. Pág. 23 Atualizado em novembro de 2010
6.5 - Inserir arquivos Primeiramente, verifique onde está o cursor,, dentro do editor, pois o arquivo será inserido naquela posição. Para inserir um arquivo no conteúdo do texto, clique no ícone Upload/Inserir. da opção Logo após, clique no botão Enviar arquivo e escolha o arquivo a ser inserido no texto, nas extensões DOC, PDF, XLS, etc. Escolhido o arquivo, clique no botão Fazer upload. Pág. 24 Atualizado em novembro de 2010
Na tela seguinte, preencha o campo título corretamente, pois ele representa o texto que terá um link para download do arquivo. Logo após, clique no botão Inserir no post. Pág. 25 Atualizado em novembro de 2010
Uma dica: Procure utilizar a extensão PDF para disponibilizar os arquivos para download, pois eles não serão modificados. Deixe a extensão DOC só para os casos de download de arquivos que precisarão ser preenchidos pelos usuários e retornados, como por exemplo, ficha de inscrição para algum curso ou evento. 7 - Menu Links 7.1 - Criar um novo link Clique no menu à esquerda chamado Links e no submenu chamado Adicionar novo, destacados abaixo em vermelho. Preencha os campos Nome, Endereço (URL). No campo Destino, marque a opção _blank. Essa opção proporciona a navegação do link em outra janela. Pág. 26 Atualizado em novembro de 2010
Para finalizar, clique no botão Adicionar link. 7.2 - Criar uma categoria de link Dentro da página, os links podem ser categorizados, o que significa reunir vários links de um mesmo assunto. Por exemplo, categoria de link chamada Cursos de graduação. Abaixo desta categoria virão os links para as páginas dos cursos, como Engenharia Elétrica, Ciências Biológicas, Medicina, e assim por diante. Primeira Opção: Antes de clicar em Adicionar link, conforme mostrado no item anterior, no campo Categorias, clique na opção + Adicionar nova categoria. Em seguida, digite o nome da categoria a ser inserida e clique no botão Adicionar. Pág. 27 Atualizado em novembro de 2010
Veja abaixo a categoria Cursos de graduação incluída na lista. Ela virá automaticamente selecionada. Para finalizar, clique no botão Adicionar link, conforme descrito no item 7.1. Segunda Opção: Clique no menu à esquerda chamado Links e no submenu chamado Categorias de Links, destacados abaixo em vermelho. Em seguida, digite o nome da categoria e clique no botão Adicionar categoria. O campo Descrição é opcional. Veja a nova categoria incluída na lista: Pág. 28 Atualizado em novembro de 2010
7.3 - Editar link Clique no menu à esquerda chamado Links e no submenu chamado Todos os links, destacados abaixo em vermelho. Clique no nome do link a ser alterado. Após fazer as modificações, clique no botão Atualizar link. Pág. 29 Atualizado em novembro de 2010
7.4 - Excluir links Clique no menu à esquerda chamado Links e no submenu chamado Todos os links, destacados abaixo em vermelho. Marque na lista qual ou quais links deseja excluir. Em seguida, selecione a ação Excluir, na caixa Ações em massa, acima ou abaixo da lista de links. Logo após, clique no botão Aplicar. Outra opção: na tela Editar Links, passar o mouse no link em que se deseja excluir e escolher a opção Excluir. Pág. 30 Atualizado em novembro de 2010
Observação: tome cuidado ao marcar a opção Nome, localizada acima ou abaixo da lista de links, e clicar em Aplicar, pois marca todos os links ao mesmo tempo, correndo-se o risco de apagá-los. 8 - Plugins Pág. 31 Atualizado em novembro de 2010
Dependendo da categoria a qual o site pertença, haverá recursos ativados, chamados plugins, como por exemplo, a imagem na página principal, banners, etc. Eles ficam localizados no menu à esquerda, chamado Ferramentas, destacado abaixo em vermelho. Para gerenciá-los, basta localizá-los abaixo do menu Ferramentas e clicar sobre o nome. O exemplo mostrado na tela acima é do plugin da Imagem Principal. Observe sempre as especificações pedidas para sua correta utilização. Em nosso site, há uma lista dos recursos disponíveis para ativação. Acesse o endereço http://www.ufjf.br/sites/gerenciador-de-conteudo 9 - Conclusão O presente manual apresentou as funcionalidades básicas para gerenciamento dos sites. A trabalha sob demanda, tentando sempre atender da melhor maneira possível os pedidos dos usuários. Em caso de dúvidas, deve-se entrar em contato com a Central de Atendimento do CGCO, que funciona de 8 às 12h e de 14 às 18h, nos telefones 2102-3374 e 2102-3377. Pode-se também enviar um e-mail para web.cgco@ufjf.edu.br. A equipe também oferece o atendimento personalizado a cada site, nas dependências do CGCO. Visando a qualidade desse atendimento, a equipe solicita o favor de agendá-lo com antecedência, através dos contatos acima. Todas as informações necessárias estão disponíveis no endereço http://www.ufjf.br/sites. Através dele, é possível acompanhar as novidades, os novos sites disponibilizados, datas de treinamentos, download do manual e tutoriais, da ficha de requisição de sites, do termo de responsabilidade, entre outras informações. Pág. 32 Atualizado em novembro de 2010
A equipe agradece a compreensão e a participação no processo de desenvolvimento de sites institucionais da UFJF. Pág. 33 Atualizado em novembro de 2010