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.
