Comienza a usar temas
Última actualización: marzo 5, 2021
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 agrupados 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 audorí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.
Contenido relacionado
-
Agrega tu código de Google Analytics a tus páginas de HubSpot o blog
Puedes integrar tu sitio web de HubSpot y el contenido del blog con Google Analytics agregando tu ID de...
Base de conocimientos -
Agregar el código de Google Tag Manager a las páginas
Google Tag Manager ofrece un fragmento de código que se puede agregar a tus páginas en tu configuración de...
Base de conocimientos -
Personalizar tu contenido
Con fichas de personalización, puedes mostrar contenido personalizado a contactos en tu base de datos de CRM....
Base de conocimientos