Usar temas

Un tema es un conjunto de plantillas, módulos, contenido global y configuración de estilo que cualquiera puede usar para crear un sitio web completo. Los temas son archivos codificados creados por desarrolladores usando la documentación de desarrollador del CMS. Las cuentas de CMS Hub incluyen temas de HubSpot predeterminados que puedes personalizar para cualquier empresa. También hay temas disponibles en el Mercado de materiales.

¿Qué es un tema?

Un tema es un conjunto de archivos para tu sitio web, incluyendo:

• Plantillas codificadas: un conjunto de plantillas para tu sitio web, incluida una página principal, página de información, página de destino y plantillas de blog. Estas plantillas son codificadas por un desarrollador, pero el contenido y la disposición pueden personalizarse fácilmente en el editor de páginas de arrastrar y soltar.
• Módulos: un conjunto de módulos de temas únicos que puedes agregar y personalizar en cualquier plantilla de página en ese tema. 
• Contenido Global: contenido repetido en varias páginas, como encabezados o pie de páginas. Puedes editar contenido global directamente desde el editor de páginas de arrastrar y soltar.
• Configuración del tema: configuración predeterminada para plantillas en tu tema, incluidos fuentes, espacios y colores. Cualquier página nueva que utilice una plantilla de tema tendrá estilo uniforme.

Vista preliminar de un tema

La manera más fácil de obtener una vista preliminar de diseño de un tema es crear una página nueva. En el creador de contenido, puedes elegir entre dos tipos de temas:

• Temas de HubSpot: los temas predeterminados de HubSpot incluidos en las cuentas de Hub Pro y Enterprise.
• Temas: temas personalizados creados por un desarrollador web usando la documentación de referencia del CMS, incluyen: un desarrollador web en tu equipo, un Solutions Partners, el Equipo de migración de HubSpot o un proveedor en el Mercado de materiales. Para las cuentas de CMS Hub, cualquier tema de HubSpot que ya hayas utilizado para crear páginas también aparecerá en tus temas.

Editar contenido para páginas que usan un tema

Cada tema incluye su propio conjunto de módulos que siguen la configuración de tu tema para sus fuentes, colores y estilos. Estos módulos se agrupan en filas horizontales y columnas verticales. Estas filas o columnas pueden estar agrupadas en secciones. Puedes mover y reorganizar estos elementos para personalizar la estructura de tu diseño de página.

Más información sobre cómo editar contenido en una página usando una plantilla de tema.

Aplicar una plantilla de tema a tu blog

Si también estás alojando tu contenido de blog en HubSpot, considera actualizar tu plantilla de blog al mismo tema que tu sitio web para la uniformidad visual. Descubre cómo aplicar un tema a tu blog en la configuración del blog.

Editar la configuración de tema

Para asegurarte de que tu sitio web siga las mejores prácticas para el diseño visual, los temas tienen colores uniformes, fuentes y estilos aplicados a los botones, formularios y módulos en tus plantillas.

Puedes acceder a la configuración de tu tema dentro del editor de páginas haciendo clic en la pestaña Diseño en el panel izquierdo. Los estilos editados aquí se aplican a todas las páginas y módulos de tema incluidos en este tema. Más información sobre cómo administrar la configuración de temas.

Características para desarrolladores de sitio web

Tu equipo desarrollador y el equipo de TI pueden aprovechar las características de seguridad y rendimiento para sitios web creados en CMS Hub. Los desarrolladores pueden monitorizar el rendimiento del sitio web rápidamente con alertas de código. También hay un registro de todos los cambios realizados en el contenido de tu sitio web al que se puede tener acceso con el punto de terminación de la API de auditoría contenido. Más información sobre el desarrollo de sitios web en las API de CMS y CMS para desarrolladores.

Además de crear temas a través de HubSpot CLI, también puedes clonar y editar temas existentes en el administrador de diseño de HubSpot. Para clonar un tema:

• En tu cuenta de HubSpot, dirígete a Marketing > Archivos y plantillas > Herramientas de diseño.
• En el buscador, haz clic en la carpeta @hubspot. Esta carpeta contiene todos los temas y módulos predeterminados, incluidos los módulos de arrastrar y soltar.  
  
  
• Haz clic con el botón derecho en una carpeta de tema y luego selecciona Clonar tema. 
  
  
• En el cuadro de diálogo, copia el nombre de tu tema y luego haz clic en Crear.
• El tema se copiará en la carpeta raíz y aparecerá en el buscador con tus otras carpetas.

Con el tema clonado, puedes editarlo como cualquier otro archivo codificado y los usuarios podrán crear páginas de destino y páginas de sitio web a partir del tema.

Copiar un tema a otra cuenta

Puedes copiar una carpeta de temas de una cuenta a otra. Para copiar una carpeta de temas en una cuenta, debes ser usuario en esa cuenta y tener permisos de Herramientas de diseño en ambas cuentas.

Nota: las carpetas de temas en los directorios @hubspot o @marketplace no se pueden copiar entre cuentas.

Para copiar un tema a una cuenta:

• En tu cuenta de HubSpot, dirígete a Marketing > Archivos y plantillas > Herramientas de diseño.
• En la barra lateral izquierda, coloca el cursor sobre la carpeta de temas que deseas copiar. Luego haz clic con el botón derecho en la carpeta y selecciona Copiar en una cuenta diferente. 
  
  
• En el cuadro de diálogo, selecciona la cuenta en la que deseas copiar el tema y luego haz clic en Copiar material. 

Después de que finalice el procesamiento de copia, la carpeta de temas aparecerá en la cuenta especificada.