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í.

Crear contenido de sitio web usando un tema

Última actualización: julio 15, 2020

Requisitos

CMS Hub  Professional, Enterprise

Con temas del sitio web, puedes crear un conjunto de páginas increíbles y coherentes y adaptables para tu empresa sin contratar a un desarrollador web profesional. Un tema es un conjunto de estilos y plantillas que puedes aplicar a páginas y blogs en tu cuenta de CMS Hub.

¿Qué es un tema?

Un tema de sitio web es un conjunto de plantillas y configuración de estilo que cualquiera puede usar para crear un sitio web completo. Las cuentas de CMS Hub incluyen una variedad de temas de sitio web predeterminados de HubSpot que pueden personalizarse para cualquier empresa.

Cada tema de sitio web predeterminado incluye:

  • Plantillas: un conjunto de plantillas para tu sitio web, incluidas una página principal, página acerca de, página de destino y plantillas de blog.
  • Módulos: un conjunto de módulos de temas únicos que puedes agregar y personalizar en cualquier plantilla de página en ese tema. 
  • Configuración del tema: configuración predeterminada para las plantillas de tu tema, incluidas las fuentes, el espaciado y los colores. 
  • Contenido global. las plantillas de temas incluyen contenido global, como el pie de página de tu sitio web, que se repite en varias página.

Si tienes un desarrollador profesional en tu equipo, puede diseñar un tema personalizado para ti con la documentación de referencia del CMS. O puedes conectar con un Partner de soluciones para encontrar un desarrollador que pueda crear un tema personalizado para tu sitio web. 

Cómo funcionan los temas

  • Para asegurarte de que tu sitio web luzca consistente, la configuración de estilo para todas las páginas que usan el mismo tema se administran en un solo lugar en la configuración de tu tema. De esta manera, cada página nueva que crees tiene las mismas fuentes, colores y estilos.
  • Puedes personalizar el contenido y los estilos en el editor de páginas mientras trabajas. Ten en cuenta que los distintos temas pueden tener diferentes opciones, según cómo se diseñó el tema por tu desarrollador de sitio web.
  • Si quieres mostrar un color o una fuente únicos en una página específica, se puede controlar algunas configuraciones de estilo dentro del editor de páginas. Ten en cuenta que es una buena práctica para tener fuentes, colores y estilos uniformes en todo el sitio web.

Vista preliminar de un tema al crear una nueva página

Puedes ver fácilmente un tema de tu panel de página:

  • En tu cuenta de HubSpot, navega a Marketing > Sitio Web y luego selecciona Página de destino o Página del sitio web.
  • En la parte superior derecha, haz clic en Crear y selecciona una Página de destino o Página del sitio web.
  • Haz clic en un tema para ver las plantillas incluidas en ese tema.
  • Para obtener una vista preliminar del tema, coloca el cursor sobre una plantilla y haz clic en Vista preliminar en la esquina superior derecha. Verás una vista preliminar interactiva del tema antes de progresar al editor de contenido.

preview%20a%20theme

Para crear una página con esta plantilla de tema, haz clic en Usar plantilla en la parte superior derecha. Luego, asigna un nombre interno a tu nueva página.

Editar contenido para páginas que usan un tema

Cada tema incluye su propio conjunto de módulos de tema. Estos módulos se agrupan en filas horizontales y columnas verticales. Estas filas o columnas pueden agruparse en secciones que crean la estructura de la disposición de tu página.

Personaliza el contenido del módulo de temas con tus propias imágenes y texto para crear rápidamente un sitio hermoso, consistente y profesional. Puedes arrastrar y soltar tipos de módulos adicionales en una página que usa una plantilla de tema de HubSpot.

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

Nota: si tu desarrollador web ha creado un tema personalizado para ti y quieres que la capacidad de agregar más módulos a tu disposición en el editor de páginas, asegúrate de que las plantillas de página en el tema incluyan un área de arrastrar y soltar.

Aplicar una plantilla de tema a tu blog

Si también estás alojando tu contenido de blog en tu cuenta de CMS Hub, 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.

Nota: los únicos módulos editables en tu plantilla de post de blog son los módulos predeterminados incluidos en el encabezado global de tu blog y el pie de página global. Más información sobre cómo editar contenido global.

Editar estilos de tema

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

Nota: si usas un tema personalizado, las opciones de estilo disponibles dentro de la configuración de tu tema dependen de las opciones de campo del tema incluidas por el desarrollador que originalmente diseñó el tema.

Puedes acceder a los estilos de temas globales dentro del editor de páginas haciendo clic en la pestaña Diseño a la izquierda. 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 de CMS para desarrolladores.

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