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.

Criar o conteúdo do site usando um tema

Ultima atualização: Maio 20, 2020

Disponível para

CMS Hub  Professional, Enterprise

Com os temas para site, você pode criar um conjunto de páginas bonito, coeso e responsivo para a sua empresa sem contratar um desenvolvedor da Web profissional. Um tema é um conjunto de estilos e modelos que você pode aplicar a página e blogs na sua conta CMS Hub.

O que é um tema?

Um tema para site é um conjunto de modelos e configurações de estilo que todos podem usar para criar um site. As contas CMS Hub incluem uma variedade de temas para sites padrão fornecidos pela HubSpot que podem ser personalizados para qualquer empresa.

Cada tema para site padrão inclui:

  • Modelos: um conjunto de modelos para o site, incluindo uma página inicial, página sobre, landing pages e modelos de blog.
  • Módulos: um conjunto de módulos de tema exclusivos que você pode adicionar e personalizar em qualquer modelo de página naquele tema. 
  • Configurações do tema: configurações padrão para os modelos do tema, incluindo fontes, espaçamento e cores. 
  • Conteúdo global: os modelos do tema incluem conteúdo global, como rodapés de sites, que se repetem em várias páginas.

Se você tiver um desenvolvedor profissional em sua equipe, ele poderá criar um tema personalizado para você com a documentação de referência de CMS. Ou você pode se conectar a um Parceiro de soluções para encontrar um desenvolvedor que possa criar um tema personalizado para o seu site. 

Como os temas funcionam

  • 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 em um único local nas configurações de tema. Dessa forma, toda nova página criada tem as mesmas fontes, cores e estilos.
  • Você pode personalizar conteúdo e estilos no editor de páginasconforme você trabalha. Lembre-se de que temas diferentes podem ter opções diferentes, com base em como o tema foi criado pelo desenvolvedor do site.
  • Se você deseja destacar uma cor ou fonte exclusiva em uma página específica, algumas configurações de estilo podem ser controladas no editor de páginas. Lembre-se de que é uma prática recomendada ter fontes, cores e estilos consistentes em todo o site.

Visualize um tema criando uma nova página

Você pode visualizar facilmente um tema no painel de suas páginas:

  • Na sua conta da HubSpot, acesse Marketing > Site, em seguida, Landing pages ou Páginas do site.
  • No canto superior direito, clique em Criar e selecione Landing page ou Página do site.
  • Clique em um tema para ver os modelos incluídos nele.
  • Para visualizar um 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 antes de avançar para o editor de conteúdo.

preview%20a%20theme

Para criar uma página com este tema, clique em Usar modelo no canto superior direito. Em seguida, dê um nome interno à sua nova página.

Edite o conteúdo para as páginas usando um tema

Cada tema inclui seu próprio conjunto de módulos de tema. Esses módulos são agrupados em linhas horizontais e colunas verticais. Essas linhas ou colunas podem ser agrupadas em seções que criam a estrutura do layout da sua página.

Personalize o conteúdo do módulo de tema com suas próprias imagens e texto para criar rapidamente um site bonito, consistente e profissional. Você pode arrastar e soltar tipos de módulos adicionais em uma página que esteja usando um modelo de tema do HubSpot.

Saiba mais sobre como editar o conteúdo em uma página usando um modelo de tema.

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

Observação: se o desenvolvedor da Web criou um tema personalizado para você e você deseja adicionar mais módulos ao layout no editor de páginas, verifique se os modelos de página no tema incluem uma área de arrastar e soltar.

Aplicar um modelo de tema ao seu blog

Se você também estiver hospedando o conteúdo do seu blog na sua conta CMS Hub, considere atualizar o modelo do seu blog com o mesmo tema do seu site para obter consistência visual. Saiba como aplicar um tema ao seu blog nas configurações do seu blog.

Observação: os únicos módulos editáveis ​​no seu modelo de postagem no blog são os módulos padrão incluídos no cabeçalho e no rodapé globais do seu blog. Saiba mais sobre como editar o conteúdo global.

Editar estilos de tema

Para garantir que seu site siga as práticas recomendadas para design visual, os temas têm cores, fontes e estilos padronizados aplicados aos botões e formulários no conteúdo do site.

Observação: se você estiver usando um tema personalizado, as opções de estilo disponíveis na configuração do seu tema dependem das opções de campo do tema incluídas pelo desenvolvedor que criou o tema originalmente.

Você pode acessar estilos de temas globais no editor de páginas, clicando na guia Design à esquerda. 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

Recursos para desenvolvedores de site

Seu desenvolvedor e equipe de TI podem aproveitar os recursos de segurança e desempenho para sites criados no CMS Hub. Os desenvolvedores podem monitorar o desempenho do site de maneira rápida e fácil com alertas de código. Há também um registro de todas as alterações feitas no conteúdo do site que podem ser acessadas com o ponto de extremidade da API de auditoria de conteúdo

Saiba mais sobre o desenvolvimento de sites em CMS e APIs de CMS para desenvolvedores.

/pt/website-pages/create-website-content-using-a-theme