Após o login, terá acesso ao painel de gestão do WordPress, onde poderá editar os conteúdos do site.
Guia de Edição Website
1. Introdução
Este guia foi desenvolvido para ajudar qualquer equipa a gerir e atualizar o conteúdo do seu website de forma simples, segura e autónoma.
Ao longo deste documento, serão apresentados os procedimentos essenciais para realizar tarefas comuns do dia a dia, tais como:
• editar textos
• substituir ou adicionar imagens
• atualizar informações de atletas, treinadores ou membros da equipa
• publicar notícias ou artigos
• atualizar eventos
• efetuar pequenas alterações nas páginas do website
O website foi construído com base nas seguintes ferramentas:
• WordPress
• WP Bakery Page Builder
• Tema Salient
O objetivo deste guia é permitir que qualquer membro da equipa consiga manter o website atualizado, sem necessidade de conhecimentos técnicos avançados.
2. Como aceder ao painel do site
2.1. Passo 1
Aceder ao painel de administração do website
Para editar o website, é necessário aceder ao painel de administração do WordPress.
No navegador, escreva:
2.2. Passo 2
Depois de aceder a esta página, deverá introduzir o nome de utilizador e a palavra-passe fornecidos no momento da entrega do website.
Em seguida, clique em Acessar.
3. Estrutura do WordPress (o que cada área faz)
No menu lateral esquerdo do painel de administração encontram-se as principais áreas de gestão do website. Cada uma delas permite editar diferentes tipos de conteúdo.
3.1. Pages (Páginas)
Nesta secção estão todas as páginas principais do website, como por exemplo:
• Página inicial
• Sobre
• Serviços
• Contactos
• Outras páginas institucionais
Para editar uma página:
Páginas → Todas as Páginas → Editar com Constructor WPBakery
Ao abrir o editor, será possível alterar textos, imagens e outros elementos da página.
3.2. Posts (Notícias / Blog)
Esta área é utilizada para publicar conteúdos que são atualizados com frequência, como por exemplo:
• notícias
• artigos ou conteúdos informativos
Estes conteúdos normalmente aparecem na secção Notícias, Blog ou Atualizações do website.
Para criar uma nova publicação:
Posts → Adicionar novo → Editar com Constructor WPBakery
Ao abrir o editor, será possível inserir/alterar títulos, textos, imagens e outros elementos do post.
4. Como funciona o editor do tema Salient
O website foi desenvolvido com o tema Salient para WordPress, que adiciona diversos elementos visuais e funcionalidades avançadas ao site.
Embora a edição das páginas seja feita através do WPBakery Page Builder, muitos dos blocos visuais utilizados nas páginas fazem parte do próprio tema Salient.
Esses blocos são chamados de Nectar Elements.
Os Nectar Elements são componentes visuais que permitem construir e organizar o design das páginas de forma mais dinâmica. Entre os elementos mais comuns estão:
• secções de destaque
• sliders (carrosséis de imagens ou conteúdos)
• blocos de equipa ou atletas
• galerias de imagens
• ícones e caixas de informação
• botões personalizados
• contadores ou indicadores numéricos
• separadores de conteúdo
• efeitos e animações visuais
Na maioria dos casos, editar o conteúdo de uma página significa editar ou ajustar estes elementos Nectar dentro do WPBakery. Cada elemento possui as suas próprias opções de configuração, onde é possível alterar textos, imagens, links e outros detalhes visuais.
5. Estrutura das páginas no Salient
No WPBakery Page Builder, as páginas são organizadas em uma estrutura simples e hierárquica. Entender essa lógica ajuda bastante na hora de editar qualquer conteúdo.
A estrutura funciona da seguinte forma:
Row (Linha)
↓
Column (Coluna)
↓
Elemento (Nectar Element)
5.1. Row (Linha)
A Row é a estrutura principal de uma secção da página.
Cada linha cria um novo bloco horizontal no layout do site.
Normalmente uma página é composta por várias Rows, cada uma representando uma secção diferente (ex.: banner, texto, galeria, equipa, etc.).
5.2. Column (Coluna)
A Row é a estrutura principal de uma secção da página.
Cada linha cria um novo bloco horizontal no layout do site.
Normalmente uma página é composta por várias Rows, cada uma representando uma secção diferente (ex.: banner, texto, galeria, equipa, etc.).
5.3. Elemento (Nectar Element)
Dentro das Columns ficam os elementos de conteúdo.
No tema Salient, muitos destes elementos são os chamados Nectar Elements.
Estes elementos podem ser, por exemplo:
• títulos
• textos
• imagens
• botões
• galerias
• ícones
• blocos de equipa ou atletas
6. Como editar textos no Salient
A edição de textos no Salient é normalmente feita diretamente dentro dos elementos da página, através do WPBakery Page Builder.
6.1. Passo 1
Dentro da página, localize o bloco onde está o texto que pretende alterar. Passe o cursor do rato sobre esse elemento e, quando aparecerem os ícones de edição, clique no ícone de lápis para abrir a janela de edição.
6.2. Passo 2
Será aberta uma janela de edição. Nessa caixa poderá alterar o texto conforme necessário. Após terminar a edição, clique em Salvar/Guardar mudanças para gravar as alterações do elemento.
6.3. Passo 3
Depois de guardar as alterações, feche a janela de edição para voltar à estrutura da página e clique em Atualizar para que as mudanças fiquem publicadas no website.
7. Como trocar imagens
Para substituir uma imagem numa página do website, siga os passos abaixo:
7.1. Passo 1
Na página que está a editar, coloque o cursor do rato sobre a imagem que pretende alterar. Quando surgirem os ícones de edição, clique no ícone de lápis para abrir o editor do elemento.
7.2. Passo 2
Na janela de edição, clique em “Adicionar imagem”.
7.3. Passo 3
Será aberta a Biblioteca de Mídia do WordPress. Nesta área pode:
• selecionar uma imagem que já esteja na biblioteca
• enviar um novo ficheiro a partir do seu computador
Depois de escolher a imagem pretendida, clique no botão “Escolher Imagem” para confirmar a seleção.
7.4. Passo 4
Depois de selecionar a imagem, clique em “Salvar/Gravar mudanças”.
7.5. Passo 5
8. Como editar botões
Para substituir uma imagem numa página do website, siga os passos abaixo:
8.1. Passo 1
Na página que está a editar, coloque o cursor do rato sobre o botão que pretende alterar e, quando aparecerem os ícones de edição, clique no ícone de lápis para abrir o editor do elemento.
8.2. Passo 2
Na janela de edição poderá modificar diferentes opções do botão, como texto, cor e link de destino. Depois de fazer as alterações, clique em Salvar/Guardar mudanças.
8.3. Passo 3
Por fim, clique em Atualizar no canto superior direito para publicar a alteração no website.
9. Como trocar o background de uma secção
Para alterar a imagem de fundo (background) de uma secção da página, siga os passos abaixo:
9.1. Passo 1
Na página que está a editar, coloque o cursor do rato sobre a secção onde pretende alterar o background e, quando surgirem os controlos de edição, clique no ícone de lápis na zona da Column (área amarela) para abrir as configurações.
9.2. Passo 2
Na janela de edição, clique no separador BACKGROUND e depois em “Adicionar imagem”.
9.3. Passo 3
Será aberta a Biblioteca de Mídia do WordPress. Aqui pode:
• selecionar uma imagem já existente na biblioteca
• enviar um novo ficheiro a partir do seu computador
Depois de selecionar a imagem, clique em “Escolher imagem”.
9.4. Passo 4
Depois de selecionar a imagem, clique em “Salvar/Gravar mudanças”.
9.5. Passo 5
10. Recomendações importantes
Antes de editar qualquer página do website, é importante seguir algumas boas práticas para evitar problemas no layout ou na estrutura do site:
10.1. Não apagar Rows completas
As Rows são a base da estrutura da página e podem conter vários elementos importantes.
10.2. Não remover elementos sem ter certeza da sua função
Alguns blocos podem estar ligados a outras partes do website ou a funcionalidades específicas.
10.3. Manter o estilo visual do site
Ao editar conteúdos, procure respeitar a estrutura e o design já definidos no website.
10.4. Evitar adicionar cores diferentes das existentes
Utilize sempre as cores já presentes no site para manter a consistência da identidade visual.