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

Edita el contenido en páginas usando un tema de sitio web

Última actualización: mayo 20, 2020

Requisitos

CMS Hub  Professional, Enterprise

Un tema es un conjunto de estilos y plantillas que puedes aplicar a páginas y blogs en tu cuenta de CMS Hub. Los estilos predeterminados para tu tema se basan en las fuentes, los colores, el espaciado y los estilos que configuraste en la configuración global de temas. Puedes agregar, eliminar o reorganizar módulos de temas en cualquier plantilla desde ese tema. Los módulos de temas admiten contenido inteligente y personalización.

Al crear páginas nuevas, es importante contar con una estrategia de contenido clara para que los motores de búsqueda puedan comprender qué es tu sitio web. Descubre cómo configurar temas en la herramienta SEO y optimizar tu página para SEO dentro del editor. Visita la Academia para un resumen de video sobre cómo crear y editar contenido de página en HubSpot CMS.

Crear una página nueva

Para crear una página nueva con una plantilla de tema:

  • En tu cuenta de HubSpot, dirígete a Marketing > Sitio web > Páginas web.
  • En la parte superior derecha, haz clic en Crear y selecciona una Página de sitio web.
  • Haz clic en un tema para ver las plantillas incluidas en ese tema.
  • Para obtener una vista preliminar de una plantilla de tema, coloca el cursor sobre la plantilla y haz clic en Vista preliminar en la esquina superior derecha. Verás una vista preliminar interactiva del tema, por lo que puedes seleccionarla para tu página o volver a la vista preliminar para ver más plantillas.
  • En la esquina superior derecha, haz clic en Usar plantilla.
  • En el cuadro de diálogo que aparece, escribe un nombre de página interno. Este nombre no será visible para los visitantes de tu sitio web.

Nota: además del nombre de esta página interna, también deberás darle a tu página un Título en la configuración de página antes de publicarla.

Editar el contenido de página

Las plantillas de tema son módulos compuestos que se pueden agrupar en filas horizontales y columnas verticales. Estos módulos, filas o columnas se pueden agrupar en secciones de elementos que se presentan en el editor de página.

La mayoría de los módulos en tu página pueden editarse directamente dentro del editor de contenido. Algunos tipos de módulos requieren personalización de contenido adicional en el panel izquierdo.

rows-and-columns

Para personalizar el contenido dentro de un módulo, coloca el cursor sobre el módulo y haz clic en el icono para la acción deseada:

  • edit Editar: edita el contenido de la línea de contenido directamente en la página o en el panel izquierdo. La mayoría de los textos se pueden editar dentro del editor de contenido y todos los tipos de módulos se pueden editar en la pestaña Opciones en el panel izquierdo. Más información sobre cómo editar el contenido del módulo.
  • styles Estilo: administra los estilos disponibles en este módulo dentro del panel Estilo a la izquierda. La mayoría de los estilos de módulo se pueden administrar en la pestaña Estilo, pero algunas opciones de estilo específicas de tu tema pueden estar disponibles dentro de la pestaña Opciones.
  • clonduplicate Clon: hace una copia de este módulo en tu página.
  • delete Eliminar: eliminar este módulo de tu página.

edit-module

Los temas pueden contener contenido global, que puedes editar directamente en el editor de páginas. Un ejemplo de contenido global suele ser un encabezado de página o pie de página con elementos repetidos que deseas que aparezcan en todo tu sitio. Aunque el contenido de tu encabezado y pie de página de tu página se administra dentro del editor de páginas, los estilos para tu encabezado y pie de página se administran en la configuración de tu tema.

A medida que trabajas en el editor de páginas, tus cambios se guardan automáticamente. Puedes ver y restaurar versiones guardadas previamente de tu página mientras trabajas. Más información sobre cómo personalizar un módulo en el editor.

Agrega módulos a tu página

Además de los módulos incluidos en tu plantilla de tema, hay módulos de tema adicionales y módulos comunes disponibles en el panel izquierdo. Puedes arrastrar y soltar un nuevo módulo para agregar otro elemento a tu página. Esto hace que sea fácil ajustar el diseño de una página para adaptarla a tu contenido.

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

 

Editar diseño de página

Para reorganizar módulos existentes en tu página, coloca el cursor sobre un módulo, columna, fila o sección y haz clic en el botón azul que aparece en la izquierda. Arrastra y suelta tu contenido en una nueva posición en la página. Aparecerá una línea azul que indicará dónde se colocará el contenido en tu esquema. 

edit%20layout%20in%20a%20theme%20page

En algunos casos, se puede eliminar un módulo de una fila, columna o sección, dejando un marcador de posición. Puedes reemplazar este módulo con uno nuevo para mantener la estructura de tu página. O si prefieres eliminar este módulo de tu disposición completamente, coloca el cursor sobre la fila o la columna, haz clic en la flecha y selecciona eletedelete eliminar.

remove-a-column

A medida que agregues y edites módulos en el diseño de tu página, puedes ajustar el ancho de los elementos en tu página haciendo clic y arrastrando el separador vertical entre columnas.

edit%20column%20width%20in%20page

Administrar estilos

Las plantillas de temas contienen estilos, colores y espacios coherentes. Según el tema que estás usando y cómo se creó, algunos estilos de tema pueden personalizarse dentro del editor de páginas. Ten en cuenta que es una buena práctica para todo tu sitio web tener fuentes, colores y estilos coherentes. Algunos estilos, como el encabezado de tu página, el pie de página de la página y el título del formulario, solo se pueden administrar dentro de la configuración global de tu tema.

Estilo de una fila, columna o sección de una página

Puedes aplicar estilos a una fila completa, columna o sección de tu página. Para acceder a los estilos de estos elementos:

  • Coloca el cursor sobre una fila, columna o sección para resaltarla y activar la barra de herramientas.
  • Haz clic en la flecha desplegable y selecciona Estilo [elemento].
  • En el panel izquierdo, ajusta el espaciado, el ancho o el color del elemento. En algunas filas o secciones, puedes agregar una imagen de fondo.

style-section

Módulo de estilo

En la mayoría de los casos, los estilos para tu módulo, fila o columna se administran en la pestaña Estilo en el panel izquierdo. En algunos temas, puede haber opciones de estilo adicionales dentro de la pestaña Opciones en el panel izquierdo.

  • Haz clic directamente en un módulo para acceder a las opciones de edición.
  • En el panel de la izquierda, haz clic en la pestaña Estilo.
  • Amplía los estilos disponibles para este módulo. 
edit-style-options
  • Si no ves los estilos que deseas editar aquí, haz clic en la pestaña Opciones para explorar las opciones de estilo disponibles dentro de tu tema.
    • Si hay opciones de estilo adicionales disponibles, estarán en la parte inferior de la pestaña Opciones a la izquierda.
    • Haz clic en Opciones de estilo para acceder a más opciones para el contenido de este módulo. Cualquier cambio realizado aquí solo se aplicará a esta página.

edit-more-styles

Nota: las opciones de estilo disponibles para un módulo o una sección de elementos en tu página dependen del tema que estás usando y cómo se diseñó.

Configuración de estilo de tema de acceso

Puedes acceder a la configuración de temas globales desde el editor de páginas mientras trabajas haciendo clic en la pestaña Diseño en el panel izquierdo. Haz clic en Editar configuración de tema para acceder a la configuración de tu tema.

Nota: cualquier cambio que realices a la configuración de tu tema desde aquí se aplicará a todas las páginas y blogs usando este tema.

edit-global-themes-from-editor

Editar la configuración de tu página

Haz clic en la pestaña Configuración para personalizar el título de tu página, URL, idioma y metadescripción antes de publicar. Se requiere un Título de página para publicar tu página

Haz clic en el menú desplegable Dominios para seleccionar tu dominio para publicar. Si no ves el dominio que deseas usar aquí, trabaja con tu desarrollador web para conectar tu dominio a HubSpot. En el campo Slug de contenido, escribe el resto de la URL para esta página específica.

Ten en cuenta que el título y la metadescripción de tu página se verán en los resultados de los motores de búsqueda.

edit-page-settings-for-a-theme

Publicar tu página

Antes de que tu página aparezca en vivo, haz clic en Vista preliminar en la parte superior derecha para probar cómo aparecerá tu página en un dispositivo móvil. Puedes probar cómo aparecerá la personalización o el contenido inteligente a tus visitantes en la vista preliminar de la página.

Cuando estés satisfecho con la vista preliminar de tu página, haz clic en Publicar en la parte superior derecha.

/es/website-pages/edit-content-in-pages-using-a-website-theme