Ir a contenido principal
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í.

Usar temas

Última actualización: agosto 19, 2021

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 se puede usar para crear un sitio web. Los temas pueden descargarse desde el Mercado de materiales, aunque las cuentas de CMS Hub también tendrán acceso a temas predeterminados de HubSpot. Puedes editar páginas usando un tema con el editor de contenido arrastrar y soltar y establecer plantillas de blog para usar un tema en la configuración de tu blog.

Comprender temas

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 específicamente por un desarrollador, pero el contenido y la disposición pueden personalizarse en el editor de contenido arrastrar y soltar
  • Módulos: un conjunto de módulos de temas únicos que puedes agregar a contenido usando 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 de estilo para plantillas que usan un tema, incluyendo fuentes, espacios y colores.

Usar un tema activo

Puedes establecer un tema activo para mostrar las páginas de ese tema como opciones predeterminadas para las páginas creadas recientemente. Configurar o cambiar y activar el tema no cambiará el tema utilizado para el contenido existente. Se pueden adquirir temas adicionales en el Mercado de materiales

Establecer un tema activo

  • Navega a tu contenido:

    • Páginas del sitio web: En tu cuenta de HubSpot, dirígete a Marketing > Sitio web > Páginas web.
    • Páginas de destino: En tu cuenta de HubSpot, ve a Marketing > Páginas de destino.
  • En la parte superior derecha, haz clic en el menú desplegable Crear y selecciona Página de sitio web o Página de destino.
  • En el cuadro de diálogo, introduce un nombre de página y luego haz clic en Crear página.
  • En la pantalla de selección de temas, selecciona un tema. En la parte superior derecha, haz clic en Vista preliminar para obtener la vista preliminar del tema o Seleccionar y continuar para establecer el tema como activo. 

select-a-new-active-theme

Cambiar a un tema activo diferente

  • Navega a tu contenido:

    • Páginas del sitio web: En tu cuenta de HubSpot, dirígete a Marketing > Sitio web > Páginas web.
    • Páginas de destino: En tu cuenta de HubSpot, ve a Marketing > Páginas de destino.
  • En la parte superior derecha, haz clic en el menú desplegable Crear y selecciona Página de sitio web o Página de destino.
  • En el cuadro de diálogo, introduce un nombre de página y luego haz clic en Crear página.
  • En la pantalla de selección de plantillas, haz clic en el menú desplegable Tema y selecciona Cambiar tema

switch-active-themes

  • En la pantalla de selección de temas, selecciona un tema. En la parte superior derecha, haz clic en Vista preliminar para obtener la vista preliminar del tema o Seleccionar y continuar para establecer el tema como activo. 

select-new-active-theme

Crear una página usando un tema

  • Navega a tu contenido:

    • Páginas del sitio web: En tu cuenta de HubSpot, dirígete a Marketing > Sitio web > Páginas web.
    • Páginas de destino: En tu cuenta de HubSpot, ve a Marketing > Páginas de destino.
  • En la parte superior derecha, haz clic en el menú desplegable Crear y selecciona Página de sitio web o Página de destino.
  • En el cuadro de diálogo, introduce un nombre de página y luego haz clic en Crear página.
  • En la pantalla de selección de plantillas, haz clic en una plantilla. Las plantillas de tu tema activo aparecerán en la sección Plantillas de tema. Para seleccionar una plantilla que no sea parte de tu tema activo, haz clic en Otras plantillas y luego haz clic en una plantilla
  • En la parte superior derecha, haz clic en Vista preliminar para obtener una vista preliminar de una plantilla seleccionada o Seleccionar plantilla para pasar al editor de contenido. 

select-template-from-active-theme

  • En el editor de contenido, edita el contenido de la página usando el editor de arrastrar y soltar
  • En la parte superior derecha, haz clic en Actualizar o Publicar para establecer tus cambios en vivo. 

Aplicar una plantilla de tema a tu blog

Puedes establecer un blog para que use el mismo tema que tus páginas en tu configuración de blog. Las plantillas de publicación de blog y de página de listas de blogs se seleccionan por separado.  

  • En tu cuenta de HubSpot, haz clic en el símbolo de configuración settings, situado en la barra de navegación principal.
  • En el menú de la barra lateral izquierda, navega a Sitio WebBlog.
  • Si tienes varios blogs, haz clic en el menú desplegable Seleccionar blog para modificarlo y selecciona un blog.  
  • Haz clic en la pestaña Plantillas.
  • En las secciones Post y Listas de blogs, haz clic en el menú desplegable Acciones y selecciona Cambiar plantilla.

select-blog-template

  • En la pantalla de selección de temas, selecciona tu tema y luego selecciona una plantilla que use ese tema. En la parte inferior derecha, haz clic en Listo

select-a-theme-blog-template

  • Cuando hayas establecido el post y las plantillas de páginas de listas de blogs, haz clic en Guardar en la parte inferior izquierda. 

Editar la configuración de tema

Puedes personalizar el estilo de tu tema, incluyendo fuente, colores y espacios en tu configuración de tema. 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

Administrar temas

En el administrador de diseño, puedes editar, clonar o copiar un tema a otra cuenta de HubSpot. También puedes eliminar temas predeterminados de HubSpot, temas clonados y temas personalizados. 

Clonar un tema

Para editar los archivos codificados de temas predeterminados en el administrador de diseño, primero deben clonarse. Los temas personalizados y temas comprados en el Mercado de materiales también pueden clonarse, pero también pueden editarse directamente. 

  • 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, escribe un nombre para el tema y haz clic en Crear.

El tema se copiará en la carpeta raíz y aparecerá en el buscador con tus otras carpetas. 

Copiar un tema a otra cuenta

Puedes copiar una carpeta de temas de una cuenta a otra.  Debes ser un usuario con 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 el buscador, coloca el cursor sobre la carpeta de temas que deseas copiar y luego haz clic con el botón derecho en la carpeta y selecciona Copiar en una cuenta diferente

    copy-theme-folder-to-different-account
  • En el cuadro de diálogo, selecciona una cuenta y luego haz clic en Copiar material. La carpeta aparecerá en la cuenta especificada tan pronto como finalice el proceso de copia. 

Cargar un tema

Los usuarios en las cuentas de CMS Hub pueden descargar los temas de HubSpot desde el Mercado de ThemeForest de Envato y luego cargarlos en HubSpot: 

  • Navega a la sección HubSpot CMS Hub del Mercado de ThemeForest de Envato.
  • Compra y descarga un tema del mercado.
  • Haz doble clic en tu descarga para expandir el archivo comprimido. Esto creará una carpeta que contiene tu nuevo tema y su documentación. 
  • En tu cuenta de HubSpot, haz clic en el símbolo de configuración settings, situado en la barra de navegación principal.
  • En el menú de la barra lateral izquierda, navega a Sitio web > Temas.
  • En la parte superior derecha, haz clic en Cargar tema
  • En los archivos de tu equipo, abre la nueva carpeta y selecciona tu tema

select-theme-file

  • Cuando tu tema se haya terminado de cargar, aparecerá un banner en la parte superior de la página. Puede tardar unos minutos para que tu tema esté disponible en HubSpot. 

upload-theme

Eliminar un tema

Los temas de HubSpot predeterminados, los temas clonados y los temas cargados se pueden eliminar en el administrador de diseño:

  • En tu cuenta de HubSpot, dirígete a Marketing > Archivos y plantillas > Herramientas de diseño.
  • En el buscador, haz clic en la carpeta con los materiales del tema.
  • Haz clic en el menú desplegable Archivo y selecciona Eliminar [nombre de la carpeta]
  • En el cuadro de diálogo, selecciona la casilla de comprobación Estoy seguro de que quiero eliminar esta carpeta y luego haz clic en Eliminar esta carpeta

Los temas comprados se deben desinstalar desde el Mercado de materiales: 

  • Desde tu cuenta de HubSpot, haz clic en el icono del mercado marketplace de la barra de navegación principal.
  • Navega a la pestaña Comprado
  • Coloca el cursor sobre el tema y luego haz clic en el menú desplegable Acciones y selecciona Desinstalar.
  • En el cuadro de diálogo, haz clic en Desinstalar.