Ir para o conteúdo principal
Isenção de responsabilidade de tradução: esse conteúdo foi traduzido para sua conveniência com o uso de software e pode não ter sido revisado por uma pessoa. O texto oficial é a versão em inglês e sempre será o texto mais atualizado. Para ver a versão em inglês, clique aqui.

Usar temas

Ultima atualização: Agosto 30, 2021

Disponível para

Marketing Hub Professional, Enterprise
CMS Hub Professional, Enterprise

Um tema é um conjunto de modelos, módulos, conteúdo global e configurações de estilo que podem ser usados para criar um site. Os temas podem ser baixados do Marketplace de ativos, enquanto as contas do CMS Hub também terão acesso aos temas padrão do HubSpot. Você pode editar páginas usando um tema com o editor de conteúdo de arrastar e soltar e definir os modelos de blog para usar um tema nas configurações do blog.

Noções básicas sobre os temas

Um tema é um conjunto de arquivos para seu site, incluindo:

  • Modelos codificados: um conjunto de modelos para seu site, incluindo uma página inicial, uma página "sobre", uma landing page e modelos de blog. Esses modelos são codificados de forma personalizada por um desenvolvedor, mas o conteúdo e o layout podem ser personalizados no editor de conteúdo de arrastar e soltar
  • Módulos: um conjunto de módulos de tema exclusivos que você pode adicionar ao conteúdo usando esse tema. 
  • Conteúdo global: conteúdo repetido em várias páginas, como um cabeçalho ou rodapé do site. Você pode editar o conteúdo global diretamente no editor de página de arrastar e soltar.
  • Configurações de tema: configurações de estilo para modelos que usam um tema, incluindo fontes, espaçamento e cores.

Use um tema ativo

Você pode definir um tema ativo para exibir as páginas de tema como as opções padrão para páginas recém-criadas. A configuração ou a alteração de tema ativo não mudará o tema usado do conteúdo existente. Temas adicionais podem ser comprados no Marketplace de ativos

Definir um tema ativo

  • Acesse seu conteúdo:

    • Páginas do site: Na sua conta da HubSpot, navegue até Marketing > Site > Páginas do site.
    • Landing Pages: Na sua conta da HubSpot, navegue até Marketing > Landing Pages.
  • No canto superior direito, clique no menu suspenso Criar e selecione Página do site ou Landing page.
  • Na caixa de diálogo, insira o Nome da página e clique em Criar página.
  • Na tela de seleção de tema, selecione um tema. No canto superior direito, clique em Visualizar para visualizar o tema ou Selecionar e continuar para definir o tema como ativo. 

select-a-new-active-theme

Trocar para um tema ativo diferente

  • Acesse seu conteúdo:

    • Páginas do site: Na sua conta da HubSpot, navegue até Marketing > Site > Páginas do site.
    • Landing Pages: Na sua conta da HubSpot, navegue até Marketing > Landing Pages.
  • No canto superior direito, clique no menu suspenso Criar e selecione Página do site ou Landing page.
  • Na caixa de diálogo, insira o Nome da página e clique em Criar página.
  • Na tela de seleção do modelo, clique no menu suspenso Tema e selecione Alterar tema

switch-active-themes

  • Na tela de seleção de tema, selecione um tema. No canto superior direito, clique em Visualizar para visualizar o tema ou Selecionar e continuar para definir o tema como ativo. 

select-new-active-theme

Criar uma página usando um tema

  • Acesse seu conteúdo:

    • Páginas do site: Na sua conta da HubSpot, navegue até Marketing > Site > Páginas do site.
    • Landing Pages: Na sua conta da HubSpot, navegue até Marketing > Landing Pages.
  • No canto superior direito, clique no menu suspenso Criar e selecione Página do site ou Landing page.
  • Na caixa de diálogo, insira o Nome da página e clique em Criar página.
  • Na tela de seleção do modelo, clique em um modelo. Os modelos do seu tema ativo serão exibidos na seção Modelos de tema. Para selecionar um modelo que não faz parte do tema ativo, clique em Outros modelos e, em seguida, em um modelo
  • No canto superior direito, clique em Visualizar para visualizar um modelo selecionado ou Selecionar modelo para continuar no editor de conteúdo. 

select-template-from-active-theme

  • No editor de conteúdo, edite o conteúdo da página usando o editor de arrastar e soltar
  • No canto superior direito, clique em Atualizar ou Publicar para ativar suas alterações. 

Aplicar um modelo de tema para blog

Nas configurações do blog, você pode definir um blog para usar o mesmo tema das suas páginas. A modelos de post de blog e de página de listagem de blogs são selecionados separadamente.  

  • Na sua conta da HubSpot, clique no ícone de configurações settingsna barra de navegação principal.
  • No menu da barra lateral esquerda, navegue até Website Blog.
  • Se você tiver vários blogs, clique no menu suspenso Selecionar um blog para modificar e selecione um blog
  • Clique na guia Modelos.
  • Nas seções Post de blog e Listagem de blogs , clique no menu suspenso Ações e selecione Alterar modelo.

select-blog-template

  • Na tela de seleção de tema, selecione o tema e, em seguida, um modelo usando esse tema. No canto inferior direito, clique em Concluído

select-a-theme-blog-template

  • Após definir os modelos de post de blog e de página de listagem de blogs, clique em Salvar no canto inferior esquerdo. 

Editar configurações de tema

Nas configurações de tema, você pode personalizar o estilo do seu tema, incluindo fonte, cores e espaçamento. Os estilos editados aqui são aplicados a todas as páginas e módulos de temas incluídos neste tema. Saiba mais sobre como gerenciar as configurações do tema.

edit-global-theme-fonts

Gerenciar temas

No gerenciador de design, você pode editar, clonar ou copiar um tema para outra conta da HubSpot. Você também pode excluir temas padrão da HubSpot, temas clonados e temas personalizados. 

Clonar um tema

Para editar os arquivos codificados de temas padrão no gerenciador de design, clone-os primeiro. Os temas e temas personalizados comprados Marketplace de ativos também podem ser clonados, mas podem ser editados diretamente. 

  • Na sua conta da HubSpot, navegue até Marketing > Arquivos e modelos > Ferramentas de design.
  • No Finder, clique na pasta @hubspot. Esta pasta contém todos os temas e módulos padrão, incluindo os módulos de e-mail de arrastar e soltar.  

    design-manager-hubspot-folder
  • Clique com o botão direito do mouse em uma pasta do tema e selecione Clonar tema

    design-manager-theme-folder-clone
  • Na caixa de diálogo, insira um nome para o tema e clique em Criar.

O tema será copiado na pasta raiz e listado no localizador com suas outras pastas. 

Copiar um tema para outra conta

Você pode copiar uma pasta de tema de uma conta para outra.  Você deve ser um usuário com permissões para as Ferramentas de design em ambas as contas.

Observação: as pastas de tema nos diretórios @hubspot ou @marketplace não podem ser copiadas entre contas.

Para copiar um tema para uma conta:

  • Na sua conta da HubSpot, navegue até Marketing > Arquivos e modelos > Ferramentas de design.
  • No localizador, passe o cursor do mouse sobre a pasta do tema que deseja copiar, clique com o botão direito do mouse na pasta e selecione Copiar para outra conta

    copy-theme-folder-to-different-account
  • Na caixa de diálogo, selecione uma conta e clique em Copiar ativo. A pasta aparecerá na conta especificada assim que o processo de cópia for concluído. 

Carregar um tema

Os usuários nas contas do CMS Hub podem baixar os temas da HubSpot pelo Marketplace de ThemeForest da Envato e depois carregá-los no HubSpot: 

  • Acesse a seção HubSpot CMS Hub do Marketplace de ThemeForest da Envato. 
  • Compre e baixe um tema do marketplace.
  • Clique duas vezes no download para expandir o arquivo comprimido. Isso criará uma pasta que contém seu novo tema e sua documentação. 
  • Na sua conta da HubSpot, clique no ícone de configurações settingsna barra de navegação principal.
  • No menu da barra lateral esquerda, acesse Site > Temas.
  • No canto superior direito, clique em Fazer upload do tema
  • Nos arquivos do seu computador, abra a nova pasta e selecione o tema

select-theme-file

  • Depois que upload do tema for concluído, será exibido um banner na parte superior da página. O tema pode levar alguns minutos para ficar disponível no HubSpot. 

upload-theme

Excluir um tema

Os temas padrão da HubSpot, os temas clonados e os temas carregados podem ser excluídos no gerenciador de design:

  • Na sua conta da HubSpot, navegue até Marketing > Arquivos e modelos > Ferramentas de design.
  • No localizador, clique na pasta com os ativos do tema.
  • Clique no menu suspenso Arquivo e selecione Excluir [nome da pasta]
  • Na caixa de diálogo, marque a caixa de seleção Estou certo de que quero excluir esta pasta, em seguida, clique em Excluir esta pasta

Os temas comprados devem ser desinstalados do Marketplace de ativos: 

  • Na conta da HubSpot, clique no ícone do Marketplace marketplace na barra de navegação principal.
  • Acesse a guia Comprado
  • Passe o mouse sobre o tema, em seguida, clique no menu suspenso Ações e selecione Desinstalar
  • Na caixa de diálogo, clique em Desinstalar.