Imagem de início¶
Onde: menu Imagem de início da administração. Quem: os administradores e os editores.
A ler antes de começar
Antes de compor uma imagem de início, é importante compreender para que serve: dirige-se às pessoas que descobrem o site pela primeira vez, e deve dar-lhes uma primeira impressão positiva e imediata.
Recomendamos vivamente que leias primeiro a secção A imagem de início: criar uma primeira impressão positiva da página «Filosofia e princípios de conceção do site». Vais saber então que mensagem, que imagem e que tom escolher.
A imagem de início é a grande imagem do topo da página inicial, com o seu texto por cima. Defines aqui a imagem, o texto e a sua formatação, uma pré-visualização em direto mostra-te o resultado antes de guardar, e um botão Ver na página inicial permite-te vê-la em condições reais antes de a publicar.
Podes criar várias imagens de início: a cada visita, o site mostra uma ao acaso. É prático para ir alternando as mensagens (uma imagem por atividade, por estação do ano…).
1 Pré-visualização da imagem: o resultado em direto, tal como vai aparecer no site. 2 Texto da imagem: a mensagem escrita sobre a imagem. 3 Definições do texto: tamanho, espaçamento entre linhas, cor, alinhamentos, contorno. 4 Definições da imagem: espelho, alinhamento para os ecrãs pequenos. 5 Ver na página inicial: abre a página inicial do site com esta imagem, para a avaliar em condições reais, mesmo enquanto está em rascunho. 6 Publicar ou Actualizar: guarda a imagem de início.
Compreender num minuto¶
- Uma imagem de início = uma imagem + um texto + a sua formatação.
- Podem estar várias publicadas ao mesmo tempo: o site mostra uma ao acaso sempre que a página é apresentada.
- Para retirar uma imagem de início do site, põe-na no lixo ou volta a passá-la a rascunho.
- Uma imagem em rascunho (ou pendente de revisão) nunca é mostrada aos visitantes: só as imagens publicadas são sorteadas. Para a ver a sério antes de a publicar, usa o botão Ver na página inicial (ver mais abaixo).
A lista¶
O menu Imagem de início abre a lista das imagens de início. Um clique numa delas abre-a para edição; o botão Adicionar (ou Adicionar Imagem de início) cria uma nova. Por baixo de cada linha, a ligação Ver na página inicial abre a página inicial do site com essa imagem (ver Ver a imagem na página inicial).
O campo Título da ficha não é usado: as imagens de início só se distinguem pelo seu conteúdo.
Criar ou modificar uma imagem de início¶
- Clica em Adicionar (imagem nova) ou numa imagem existente.
- Define a imagem e o texto (ver abaixo) com a ajuda da pré-visualização.
- Guarda com Guardar rascunho e depois clica em Ver na página inicial para avaliar o resultado em condições reais.
- Quando a imagem te agradar, clica em Publicar (ou Actualizar).
A pré-visualização atualiza-se à medida das tuas definições; nada é guardado antes de clicares em Publicar ou Actualizar.
Pré-visualização da imagem¶
Clica na zona de pré-visualização para escolher a imagem na biblioteca multimédia, ou envia uma nova.
O tamanho certo da imagem
Tamanho aconselhado: 1050 x 400 px. Uma imagem com outras dimensões arrisca-se a ser cortada ou a parecer desfocada: verifica a pré-visualização.
Nos ecrãs pequenos (telemóvel), a imagem é reduzida, mas o seu texto também: a paginação mantém-se igual, em mais pequeno. Abaixo de 1000 px de largura, a altura diminui na mesma proporção (mínimo de 250 px).
Texto da imagem¶
O editor de texto escreve a mensagem que aparece sobre a imagem. Funciona como o editor de texto habitual: negrito, itálico, mudanças de linha.
Uma mudança de linha no editor é uma mudança de linha na imagem.
Inserir um ícone¶
Para pôr um ícone no texto, coloca o cursor no sítio pretendido, clica em Inserir um
ícone (por baixo do campo Texto da imagem), procura o ícone e clica nele: o seu código, da
forma [icon name="…"], é inserido no cursor e a pré-visualização atualiza-se logo.
Definições do texto¶
| Definição | O que faz |
|---|---|
| Tamanho do texto | Tamanho das letras, em píxeis. 35 por omissão. O texto reduz-se na mesma proporção nos ecrãs pequenos. |
| Espaçamento entre linhas do texto | Espaço entre as linhas. 0 por omissão (linhas apertadas); cada ponto a mais afasta um pouco mais as linhas. |
| Cor do texto | Cor das letras. Branco (#FFFFFF) por omissão. |
| Alinhamento vertical do texto | superior, centrado ou inferior da imagem. |
| Alinhamento horizontal do texto | esquerda, centro (por omissão) ou direita. |
| Mostrar um contorno | Interruptor, ativado por omissão. Acrescenta um rebordo à volta das letras e dos ícones, para que fiquem legíveis sobre uma imagem clara ou carregada. |
| Cor do contorno | Cor do rebordo. Só aparece se Mostrar um contorno estiver ativado. |
| Estilo do contorno | suave (por omissão): contorno esbatido, em halo; cheio: contorno nítido. Só aparece se Mostrar um contorno estiver ativado. |
| Espessura do contorno | De 1 a 5 px (2 por omissão). Só aparece se Mostrar um contorno estiver ativado. |
Um texto legível
Texto branco com um contorno escuro fica legível em quase todas as imagens. Para um texto escuro, escolhe um contorno claro.
Definições da imagem¶
| Definição | O que faz |
|---|---|
| Espelhar a imagem | sim: a imagem é invertida da esquerda para a direita. Útil para deslocar uma personagem ou o tema sem modificar a imagem. |
| Alinhamento horizontal da imagem (na versão para telemóvel) | Num ecrã pequeno, a imagem é mais estreita do que o ecrã e o seu enquadramento é cortado nas margens. Escolhe a parte que se mantém: esquerda, centro ou direita. |
Apresentação em telemóvel (pré-visualização)¶
O interruptor Apresentação em telemóvel não guarda nada: muda o tamanho da pré-visualização para simular um telemóvel (320 px de largura). Usa-o para verificar que o texto cabe e que a imagem está bem enquadrada num ecrã pequeno, antes de publicar.
Ver a imagem na página inicial¶
Uma imagem em rascunho não é mostrada aos visitantes: não a podes portanto ver no site sem a publicar. O botão Ver na página inicial resolve este problema: abre a página inicial, num novo separador, com a imagem em que estás a trabalhar, tal como a veriam os visitantes, com a verdadeira paginação do site (o menu, as cores, o tamanho do ecrã). É a melhor maneira de verificar que o texto é legível antes de publicar.
Está em dois sítios:
- na caixa Pré-visualização, no topo da coluna da direita do ecrã de edição (5 na captura);
- por baixo de cada imagem da lista, com a ligação Ver na página inicial.
Guarda primeiro
O site mostra a imagem tal como está guardada, não tal como está no ecrã. Para uma imagem nova, guarda primeiro o rascunho (o botão só aparece depois); para uma imagem existente, clica em Actualizar ou Guardar rascunho antes de abrir a pré-visualização, senão vais ver a versão antiga.
Só tu vês esta pré-visualização
A pré-visualização só é visível para ti, com sessão iniciada e com o direito de modificar a imagem. Os visitantes continuam a ver as imagens publicadas, sorteadas ao acaso. Este botão não publica nada.
Onde aparece a imagem¶
A imagem de início aparece onde a página inicial colocou o bloco da imagem de início: esta preparação já está feita no teu site. Não aparece nenhuma imagem se nenhuma imagem de início estiver publicada.
Perguntas frequentes¶
A minha imagem não aparece na página inicial. Verifica se está publicada (e não em rascunho nem pendente de revisão): só as imagens publicadas são mostradas aos visitantes. Para ver uma imagem que ainda não está publicada, usa Ver na página inicial. Depois recarrega a página com Ctrl + F5 (no Mac: Cmd + Shift + R).
A página inicial mostra uma imagem diferente a cada visita. É de propósito: com várias imagens de início publicadas, o site escolhe uma ao acaso. Para manter só uma, põe as outras no lixo.
O texto é difícil de ler. Ativa Mostrar um contorno, ou muda a cor do texto ou do contorno. Verifica também com Apresentação em telemóvel.
O texto fica cortado no telemóvel. Reduz o tamanho do texto, ou encurta-o. Verifica com Apresentação em telemóvel.
Posso pôr uma ligação ou um botão na imagem? Não: a imagem de início só contém imagem e texto.