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.

Editar o conteúdo na página usando o tema do site

Ultima atualização: Outubro 19, 2020

Disponível para

CMS Hub  Professional, Enterprise

Um tema é um conjunto de estilos e modelos que você pode aplicar a página e blogs na sua conta CMS Hub. Os estilos padrão para o seu tema são baseados nas fontes, cores, espaçamento e estilos que você define nas configurações globais do tema. Você pode adicionar, remover ou reorganizar os módulos de tema em qualquer modelo desse tema. Os módulos do tema apoiam o conteúdo inteligente e a personalização.

Ao criar novas páginas, é importante ter uma estratégia de conteúdo clara para que os mecanismos de pesquisa possam entender sobre o que é o seu site. Aprenda como configurar tópicos na ferramenta SEO e otimizar sua página para SEO no editor. Visite a Academia para obter uma visão geral em vídeo do sobre como criar e editar o conteúdo da página no CMS do HubSpot.

Criar uma nova página

Para criar uma nova página com um modelo de tema:

  • Na sua conta da HubSpot, navegue até Marketing > Site > Páginas do site.
  • No canto superior direito, clique em Criar e selecione uma Página do site.
  • Clique em um tema para ver os modelos incluídos nele.
  • Para visualizar um modelo de tema, passe o cursor do mouse sobre um modelo e clique em Visualizar no canto superior direito. Você verá uma visualização interativa do tema, para poder selecioná-lo para sua página ou voltar e visualizar mais modelos.
  • No canto superior direito, clique em Usar modelo.
  • Na caixa de diálogo que aparece, insira um nome de página interno. Esse nome não será visível aos visitantes do site.

Observação: além do nome interno da página, você também precisará atribuir à sua página um Título nas configurações da página antes de publicá-la.

Editar o conteúdo da página

Os modelos de tema são compostos por módulos, que podem ser agrupados em linhas horizontais ou colunas verticais. Esses módulos, linhas ou colunas podem ser agrupados em seções de elementos, que estão descritos no editor de página.

A maioria dos módulos da sua página pode ser editada diretamente no editor de conteúdo. Alguns tipos de módulo exigem personalização adicional do conteúdo no painel esquerdo.

rows-and-columns

Para personalizar o conteúdo de um módulo, passe o mouse sobre o módulo e clique no ícone para a ação desejada:

  • edit Editar: edite o conteúdo do seu módulo em linha diretamente na página ou no painel esquerdo. A maioria do texto pode ser editada no editor de conteúdo, e todos os tipos de módulos podem ser editados na guia Opções do painel esquerdo. Saiba mais sobre a edição de conteúdo de módulo.
  • styles Estilo: gerencia os estilos disponíveis neste módulo no painel Estilo à esquerda. A maioria dos estilos de módulo pode ser gerenciada na guia Estilo, mas algumas opções de estilo específicas para o seu tema podem estar disponíveis na guia Opções.
  • clonduplicate Clone: faz a cópia deste módulo na sua página.
  • delete Excluir: remove este módulo da sua página.

edit-module

Os temas podem ter conteúdo global, que você pode editar diretamente no editor de páginas. Um exemplo de conteúdo global é geralmente um cabeçalho ou rodapé da página, com elementos repetidos que você deseja que apareçam em todo o site. Enquanto o conteúdo do cabeçalho e rodapé da página é gerenciado no editor de páginas, os estilos do cabeçalho e rodapé são gerenciados nas configurações do tema.

Suas alterações são salvas automaticamente conforme você trabalha no editor de página. Você pode visualizar e restaurar versões salvas anteriormente da sua página enquanto trabalha. Saiba mais sobre como personalizar um módulo no editor. 

Adicionar um módulo comum à página

Além dos módulos incluídos no seu modelo de tema, há Módulos de tema e Módulos comuns disponíveis no painel esquerdo. Arraste e solte um novo módulo no local para adicionar um elemento à sua página. Isso facilita o ajuste do design de uma página para caber no seu conteúdo.

add%20a%20common%20module%20to%20a%20page

 

Editar layout da página

Para reorganizar os módulos existentes na sua página, passe o mouse sobre um módulo, coluna, linha ou seção e clique no guidão azul que aparece à esquerda. Arraste e solte seu conteúdo em uma nova posição na página. Você verá uma linha azul indicando onde o conteúdo será posicionado no seu layout.

edit%20layout%20in%20a%20theme%20page

Em alguns casos, um módulo pode ser removido de uma linha, coluna ou seção, deixando um espaço reservado vazio. Você pode substituir este módulo por um novo para manter a estrutura da sua página consistente. Ou, se você preferir eliminar completamente este módulo do layout, passe o mouse sobre a linha ou coluna, clique na seta e selecione excluir elete delete .

remove-a-column

Ao adicionar e editar módulos no layout da sua página, você pode ajustar a largura dos elementos na sua página clicando e arrastando o divisor vertical entre as colunas.

edit%20column%20width%20in%20page

Gerenciar estilos

Os modelos de tema contêm estilos, cores e espaçamento consistentes. Dependendo do tema que você está usando e como ele foi criado, alguns estilos de tema podem ser personalizados no editor de páginas. Lembre-se de que é uma prática recomendada para todo site ter fontes, cores e estilos consistentes. Certos estilos, como o cabeçalho da página, o rodapé da página e o título do formulário, só podem ser gerenciados nas configurações globais do seu tema .

Estilo de uma linha, coluna ou seção de uma página

Você pode aplicar estilos a toda uma linha, coluna ou seção da sua página. Para acessar os estilos para esses elementos:

  • Passe o mouse sobre uma linha, coluna ou seção para destacá-la e ativar sua barra de ferramentas.
  • Clique na seta suspensa e selecione Estilo [elemento].
  • No painel esquerdo, ajuste o espaçamento, largura ou cor do elemento. Em algumas linhas ou seções, você pode adicionar uma imagem de plano de fundo.

style-section

Estilizar um módulo

Na maioria dos casos, os estilos do seu módulo, linha ou coluna são gerenciados na guia Estilo no painel esquerdo. Em alguns temas, pode haver opções de estilo adicionais na guia Opções no painel esquerdo.

  • Clique diretamente em um módulo para acessar suas opções de edição.
  • No painel esquerdo, clique na guia Estilo.
  • Expanda os estilos disponíveis para este módulo. 
edit-style-options
  • Se você não vir os estilos que deseja editar aqui, clique na guia Opções para explorar quais opções estão disponíveis no seu tema.
    • Se houver opções de estilo opcionais disponíveis, elas estarãona guia Opções à esquerda.
    • Clique nas Opções de estilo para acessar mais opções para este conteúdo do módulo. Quaisquer alterações feitas aqui serão aplicadas apenas a esta página.

edit-more-styles

Observação: as opções de estilo disponíveis para um módulo ou seção de elementos em sua página dependem de qual tema você está usando e de como foi criado.

Acessar configurações de estilo de tema

Você pode acessar suas configurações globais de tema no editor de páginas enquanto trabalha, clicando na guia Design no painel esquerdo. Clique em Editar configurações de tema para acessar suas configurações de tema.

Observação: quaisquer alterações feitas nas configurações do seu tema a partir daqui serão aplicadas a todas as páginas e blogs usando esse tema.

edit-global-themes-from-editor

Editar configurações da página

Clique na guia Configurações para personalizar o título da página, URL, idioma e meta descrição antes de publicar. Seu Título da página é necessário para publicar sua página.

Clique no menu suspensoDomínio para selecionar um domínio para publicação. Se você não vir o domínio que deseja usar aqui, trabalhe com seu desenvolvedor da Web para conectar seu domínio ao HubSpot. No campo Slug de conteúdo, digite o restante da URL para esta página específica.

Lembre-se de que o título da página e a meta descrição serão visíveis nos resultados dos mecanismos de pesquisa.

edit-page-settings-for-a-theme

Publicar a página

Antes de sua página ser publicada, clique em Visualizar no canto superior direito para testar como sua página será exibida em um dispositivo móvel. Você pode testar como a personalização ou o conteúdo inteligente aparecerá para os visitantes na visualização da página.

Quando estiver satisfeito com a visualização da sua página, clique em Publicar no canto superior direito.