Editar as configurações de tema

Um tema é um conjunto de estilos e modelos que pode aplicar às páginas do seu Web site e blogues no HubSpot. Para garantir que seu site pareça consistente, as configurações de estilo de todas as páginas que usam o mesmo tema são gerenciadas nas suas configurações de tema.

Antes de começar

As configurações de tema controlam as principais cores, fontes e estilos de botão para as páginas usando seus modelos de tema.

Nota: as opções de estilo disponíveis na definição do tema dependem das opções de campo do tema incluídas pelo programador Web que criou o tema.

Parte do conteúdo do seu site é gerenciado em outras partes das configurações da sua conta, incluindo:

• O logótipo da sua empresa: actualize o logótipo da sua empresa no seu Predefinições da conta no separador Branding.
• Seu menu de navegação: as cores do menu são definidas em configurações do tema, mas o conteúdo do seu menu de navegação e os links são gerenciados nas configurações de Navegação. Saiba como criar um menu de navegação que pode adicionar ao conteúdo do cabeçalho global ou do rodapé global no editor de páginas.
• O seu domínio para publicação: O número de subdomínios, domínios de marca e domínios de nível superior que pode ligar depende da sua subscrição. Saiba mais sobre os limites de assinatura para domínios e conectando um domínio ao HubSpot. 

Editar configurações de tema

Pode editar as definições de um tema a partir do editor de conteúdos para qualquer página ou publicação que utilize esse tema: 

• Acesse seu conteúdo:

  • Páginas do site: Na sua conta HubSpot, navegue até Marketing > Site > Páginas do site.
  • Landing Pages: Na sua conta da HubSpot, navegue até Marketing > Landing Pages.
  • Blog: Na sua conta da HubSpot, navegue até Marketing > Site > Blog.
• Passe o cursor do mouse sobre o conteúdo e clique em Editar. 
• No editor de conteúdos, clique no menu Editar e seleccione Tema. 

Cores

As configurações de cor do seu tema aplicam uma cor primária, secundária e de plano de fundo a todos os elementos incluídos nos seus modelos de tema. Esses estilos serão aplicados a todos os elementos do seu site. Para personalizar mais configurações específicas para cabeçalhos, fontes e links, clique em Editar ao lado de Mais configurações.

Fontes

Escolha uma fonte primária e secundária para aplicar aos títulos, formulários, botões e texto do corpo do seu site. Todas as fontes do Google são suportadas. Clique no círculo de cores para personalizar uma cor de fonte primária e secundária. Você pode escolher um valor de cor simples ou clicar na guia Avançado e escolher um valor hexadecimal específico com um seletor de cores. 

Espaçamento 

Suas configurações de tema para espaçamento controlam a largura máxima do conteúdo da página e o espaçamento vertical entre os diferentes elementos da página.

Mais configurações

Nas configurações do seu tema, você pode ter configurações detalhadas adicionais para estilos mais específicos da sua página. As opções de estilo no seu tema baseiam-se nos campos do tema incluídos no modelo codificado do seu tema. Se você não conseguir localizar a configuração que está procurando, entre em contato com o designer do modelo para ver quais opções foram incluídas no modelo.

O exemplo abaixo é um guia geral para quais tipos de adicionais podem ser incluídos no seu tema. Para uma referência completa dos campos temáticos que podem ser incluídos nos seus modelos, consulte a documentação dos designers do .

Nota: lembre-se de que pode personalizar tipos de letra, cores e estilos num módulo de rich text na sua página ou substituindo os estilos predefinidos do seu tema no editor de páginas. Modifique esses estilos apenas se desejar que eles sejam aplicados a todas as páginas usando este tema.

Tipografia

Nas suas configurações de tipografia, você pode controlar as fontes que se aplicam a certos elementos nos seus modelos. Todas as fontes do Google são suportadas. Você também pode selecionar cores personalizadas para determinados títulos, fontes ou links no seu tema.

• Títulos: você pode personalizar a fonte, a cor, o tamanho e o estilo exatos dos títulos incluídos no seu tema.
• Corpo: personalize apenas a fonte, a cor ou o tamanho do texto do corpo da sua página. 
• Links: personalize a cor padrão dos links no seu site. Você também pode personalizar a cor e o comportamento dos links quando um visitante passa o mouse ou clica no seu link.

Botões

Você pode definir cores, fontes e estilos personalizados para botões em suas páginas e blog. No editor de página de uma página específica, você poderá trocar tamanhos ou tipos de botão, dependendo de como o tema foi criado pelo desenvolvedor do site.

• Tamanho: especifique as dimensões dos botões pequeno, regular e grande da sua página. 
• Primário: um botão principal é a ação mais importante que um visitante executa em sua página. Essa cor deve se destacar e chamar a atenção do visitante.
• Secundário: um botão secundário é usado para ações relativamente menos importantes quando já existe um botão principal na sua página. Os botões secundários são normalmente aplicados às páginas para ações de prioridade mais baixa. 
• Simples: estas são as fontes e estilos predefinidos aplicados aos módulos de botões simples na sua página.

Formulários

Personalize as cores, fontes, estilos de texto e botões padrão dos seus formulários.

• Título: estes são estilos aplicados ao campo de texto que aparece acima de todo o formulário. Isso normalmente inclui uma saudação e instruções para o preenchimento do formulário. Esses estilos no seu formulário só podem ser gerenciados aqui nas configurações do seu tema.
• Rótulos: estilos aplicados aos rótulos que aparecem acima de um campo de formulário.
• Campos: estilos aplicados aos nomes dos próprios campos do formulário.
• Texto de ajuda: este é o exemplo de conteúdo que aparece dentro de cada campo do formulário, indicando que tipo de informação o visitante deve enviar.
• Enviar: escolha qual estilo e tamanho de botão deve ser aplicado aos seus formulários.
• Cor de fundo: a cor de fundo aplicada ao seu formulário.
• Borda: a cor de borda ao redor dos campos de formulário.
• Deslocamento: a quantidade de espaçamento ao redor do formulário na sua página.

Tabelas

Defina as cores, fontes, espaçamento e bordas padrão das tabelas adicionadas à sua página.

• Cabeçalho da tabela: as cores aplicadas às fontes no cabeçalho da tabela e a cor padrão do plano de fundo em toda a largura da primeira linha da tabela. Você também pode definir uma borda inferior para uma cor de destaque na parte inferior da borda do cabeçalho da tabela.
• Cor da fonte: cor padrão das fontes na sua tabela.
• Cor de fundo: cor de fundo padrão para o fundo das células da sua tabela.
• Borda: a cor, largura e estilo padrão da borda da sua tabela.
• Deslocamento: a quantidade de espaço acima e abaixo da sua tabela na sua página. 

Saiba mais sobre como inserir uma tabela num módulo de rich text na sua página.

Cabeçalho do site

Essas configurações controlam as cores e as fontes que aparecem no cabeçalho da página, incluindo o menu de navegação. Saiba como configurar o seu menu de navegação nas definições da sua conta. Para definir o logótipo da sua empresa nos modelos de temas, adicione a imagem do seu logótipo às predefinições da sua conta na secção Branding.

• Menu: seleccione a cor e o estilo do tipo de letra para o seu menu de navegação quando os visitantes visualizam, passam o cursor sobre ou clicam num item de menu. Esses estilos só podem ser gerenciados aqui nas configurações do seu tema.
• Cor de fundo: cor de fundo padrão para o cabeçalho das células do seu site.
• Borda inferior: se desejar, você pode adicionar uma linha horizontal como uma borda abaixo do cabeçalho do site. Selecione um estilo para ativar a borda inferior e selecione uma cor e largura para a borda.

Rodapé

Essas configurações controlam as cores e as fontes que aparecem no rodapé da página, incluindo os menus de navegação. Saiba como configurar o seu menu de navegação nas definições da sua conta. 

• Menu: seleccione a cor e o estilo do tipo de letra para o menu de navegação no rodapé do seu tema. Você pode personalizar as cores quando os visitantes visualizam, passem o mouse sobre ou cliquem em um item de menu. Esses estilos só podem ser gerenciados aqui nas configurações do seu tema.
• Cor de fundo: cor de fundo padrão para o rodapé das células do seu site.
• Borda inferior: se desejar, você pode adicionar uma linha horizontal como uma borda abaixo do rodapé do site. Selecione um estilo para ativar a borda inferior e selecione uma cor e largura para a borda.

Blog

Essas configurações controlam o estilo do seu modelo de página de listagem e modelo de postagem no blog.

Imagens do banner: faça upload de imagens para usar em segundo plano no cabeçalho do modelo do seu blog. Você pode escolher uma imagem para a página inicial do seu blog e uma imagem para aplicar a todas as publicações do seu blog. 

Tags: defina a cor, as fontes e os estilos padrão das tags do seu blog, que aparecem na parte superior das publicações do seu blog.