Ferramentas do usuário

Ferramentas do site


manuais:wordpress_-_multisite:royal_elementor_kit:personalizando_o_rodape_das_paginas

WordPress Multisite - Personalização de um Site com o tema Royal Elementor Kit - Personalizando o Rodapé das páginas


No Painel de Gerenciamento do WordPress, acesse a opção Royal Addons » Theme Builder e na guia Footer, clique no botão Edit Template.

Será aberto o editor do plugin Elementor, para edição do rodapé do site, o qual poderá ser personalizado. Para isso, comece acessando a seção de Estrutura da página, selecione o container que está dentro do container principal, clique na guia Estilo e altere a imagem de fundo do container.

Ainda com o container selecionado, clique no botão + para adicionar um novo elemento, e arraste o objeto Grade para a área do container, logo acima do botão já existente.

Na Estrutura da página, selecione o elemento Grade recém adicionado, e na área Itens, ajuste o número de Colunas para 2 e o número de Linhas para 1.

Selecione o elemento Button que está na página e arraste ele para dentro do primeira coluna do elemento Grade.

Adicione agora um novo elemento clicando no botão +, pesquise pelo nome social, arrastando o objeto Ícones sociais para dentro da segunda coluna do elemento Grade existente na página.

Selecione novamente o elemento Button, e na guia Avançado, altere a Margem Superior para 0.

Selecione novamente o elemento Ícones sociais e personalize seus botões e atalhos para os desejáveis a conter na página.

Selecione novamente o elemento Button e altere seu texto de exibição para Suporte Técnico e o link do click do botão para um link correspondente.

Altere o texto descritivo selecionando o elemento Editor de Texto e digitando ou colando o texto correspondente.

Ajuste o título da seção selecionando o elemento Título e informando o valor Atendimento no campo correspondente.

Selecione novamente o objeto Ícones sociais, e na guia Estilo, na área Ícone, diminua o valor do campo Tamanho para 20, a fim de deixá-los com a mesma altura do botão de Suporte Técnico.

Selecione agora o elemento Logo já existente na página, e altere suas imagens para uma mais correspondente.

Adicione um novo container clicando no botão + logo abaixo da seção do logo existente na página, e selecione o layout e a estrutura conforme mostrado a seguir.

Clique no botão + para adicionar um novo elemento, pesquise por top e arraste o objeto Back To Top para dentro do novo container recentemente adicionado. Este objeto irá criar um botão para que o usuário possa voltar ao topo da página toda vez que rolar a página para baixo, tornando a página mais prática de navegar.

Adicione mais um container à página, clicando no botão + abaixo do último container adicionado, selecionando o layout e a estrutura conforme mostrado a seguir.

Clique no botão + para adicionar um novo elemento, arrastando o objeto Editor de texto para dentro do novo container recentemente adicionado.

Selecione o último container adicionado, e altere o campo Largura do conteúdo para Largura total.

Com o container ainda selecionado, clique na guia Estilo, mude a opção Tipo de plano de fundo para Gradiente, e ajuste os valores dos campos Cor e Segunda cor para as cores desejadas.

Clique sobre o texto adicionado no novo container e ajuste seu conteúdo, formatando o texto e adicionando links a fim de condizer com as informações para o rodapé da página.

Com o texto ainda selecionado, clique na guia Estilo e ajuste o Alinhamento para Centralizado.

Ajuste também o conteúdo do texto sobre a informação do tema utilizado na página, alterando o ano por exemplo, caso seja necessário.

Finalmente, ajuste o logo contido no rodapé da página, clicando na guia Estilo, na opção Hover da imagem, alterando o campo Hover Animation para Shrink, a fim de aplicar uma pequena animação ao passar o mouse sobre o logo.

Para disponibilizar todos os ajustes realizados, clique no botão Publicar.


Após os ajustes no template do rodapé, ele será aplicado para todas as páginas do site, padronizando a visualização e ficando semelhante ao exemplo a seguir.

manuais/wordpress_-_multisite/royal_elementor_kit/personalizando_o_rodape_das_paginas.txt · Última modificação: por mauriciozanatta