REITORA Ulrika Arns. VICE-REITOR Almir Barros da Silva Santos Neto. DIRETOR DO NTIC Leonardo Bidese de Pinho

Transcrição

1 REITORA Ulrika Arns VICE-REITOR Almir Barros da Silva Santos Neto DIRETOR DO NTIC Leonardo Bidese de Pinho COORDENAÇÃO DE APOIO AO USUÁRIO Pierre Corrêa Martin

2 Concepção e Desenvolvimento Allan Sampaio Pires Analista de TI Jean Samarone Almeida Ferreira Analista de TI Igor Oliveira da Fonseca Técnico em TI Maurício da Costa Corrêa Oliveira Estagiário de desenvolvimento de portais

3 1. Introdução Este manual foi elaborado tendo como objetivo facilitar a utilização correta do layout dos sites de eventos da UNIPAMPA. O manual básico do Wordpress esta no seguinte link: 2 Upload do banner do evento É possível enviar uma imagem para usar como banner (cabeçalho) do evento, ela deve ser do tipo JPEG ou PNG, com dimensões 1200x250. Caso o banner não seja enviado ficará no lugar o nome do site. Para inserir uma imagem como banner do evento, vá em Painel > Aparência > Cabeçalho como é mostrado na figura abaixo. Figura 1 - Caminho para alterar Banner Após isso, abrirá uma página nova. Para enviar uma imagem vá em Escolher Imagem, escolha a imagem e clique Enviar. Se a imagem for maior que padrão, abrirá uma nova página para você editar a imagem, selecione toda a imagem ou apenas um pedaço dela após clique em recortar e publicar, assim ela será redimensionada automaticamente, como descrito na figura a seguir.

4 Figura 2 - Selecionar tamanho do banner Também é possível selecionar imagens, que já foram enviadas anteriormente, e usá-las como logotipo do curso. Vá em Escolher Imagem ou Imagens Enviadas. 3 Adicionar cor de fundo nas laterais do banner Para alterar a cor das laterais do banner, vá em Painel > Aparência > fundo. Clique em Selecionar Cor ao lado de Opções de exibição e cor de fundo, após isso você pode selecionar a cor tanto visualmente quanto inserindo o código da cor. Para uma melhor aparência do site de eventos é aconselhado utilizar a mesma cor do fundo do banner. Figura 3 - Caminho para alterar fundo da lateral do Banner

5 4 Widgets É possível adicionar widgets no Site do evento, o processo é o mesmo que foi visto no Manual Básico do Wordpress. 5 Menu A criação do menu superior segue o mesmo procedimento que já foi visto no Manual Básico do Wordpress com alguns detalhes. Por questão conceitual estética foi limitado a criação de no máximo quatro níveis de subitens e só um menu será usado no site, podendo ser modificado, deletado e criado outros. Para adicionar o menu ao seu site de eventos, é obrigatório habilitar o campo menu principal ou header navigation abaixo da criação do menu, como é mostrado na figura a seguir. Figura 4 - Menu 6 Endereço do evento no rodapé do site Para incluir o endereço do evento no rodapé do site é necessário criar uma página com o nome endereço. 7 Disponibilizar vídeo É possível adicionar vídeos do Youtube e RNP em posts, páginas e widget, através do shortcode [iframe]. Para inserir o vídeo desejado basta alterar o endereço do vídeo, destacado em negrito nos exemplos a seguir.

6 7.1 Vídeo do youtube Para incluir um vídeo do youtube é preciso clicar em compartilhar > incorporar e copiar o endereço do vídeo como visto na imagem abaixo (destacado em azul): Figura 5 - Embed do video Youtube Substitua o endereço no shortcode como no exemplo a seguir. [iframe width="200" height="200" src=" 2Nv4" frameborder="0" allowfullscreen] 7.2 Vídeo da RNP Para incluir um vídeo da RNP é preciso clicar em incorporar e copiar o endereço, como é possível ver na imagem abaixo (destacado em azul):

7 Figura 6- Embed do video RNP Substitua o endereço no shortcode como no exemplo a seguir. [iframe width="271" height="200" src=" iditem=22047&autostart=false" frameborder="0" scrolling="no" allowfullscreen] 7.3 Vídeo nos widgets É possível também incluir um vídeo nos widgets, utilizando um widget texto e utilizando o mesmo shortcode visto acima. A figura a seguir serve para mostrar a página de configuração dos widgets e em destaque o campo texto e o shortcode em vermelho.

8 Figura 7- incluir vídeo no campo widget 7.4 Alterar tamanho do vídeo É possível também alterar a altura do vídeo (width) e a largura do mesmo (height), apenas alterar o número entre as aspas. Ambos estão destacados em negrito. [iframe width="271" height="200" src=" iditem=22047&autostart=false" frameborder="0" scrolling="no" allowfullscreen] 8 Notícias É possível adicionar uma barra de notícias em qualquer uma das páginas, para isso é preciso criar uma categoria e categorizar os Posts que devem aparecer nas notícias. O parâmetro limit pode ser alterado para o valor desejado, equivalente ao número de posts que se quer mostrar. Na página basta usar a linha : [utech_latest_posts category='nome DA CATEGORIA' limit=10 ]

9 Figura 8 - Imagem ilustrativa do plugin notícias