Nota: Este contenido se tradujo a través de un software y es posible que no haya sido revisado. La versión en inglés se considera, por tanto, la versión oficial y es posible que haya sido actualizada. Para acceder a la versión en inglés, haz clic aquí.

Comienza a usar temas

Última actualización: octubre 19, 2020

Requisitos

Marketing Hub  Professional, Enterprise
CMS Hub  Professional, Enterprise

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:

preview%20a%20theme

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.

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

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.

edit-global-theme-fonts

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.  

    design-manager-hubspot-folder
  • Haz clic con el botón derecho en una carpeta de tema y luego selecciona Clonar tema

    design-manager-theme-folder-clone
  • 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.