Editar contenido en el editor de contenido

En el editor de contenido, puedes utilizar las herramientas de arrastrar y soltar para añadir, editar y reorganizar el contenido de las entradas y páginas de tu blog. Las herramientas de arrastrar y soltar no están disponibles para algunas entradas y páginas. 

Agregar y editar módulos

Los módulos son bloques individuales de contenido del sitio web. Algunos módulos, como el módulo de texto enriquecido, pueden contener múltiples tipos de contenido.

1. Ve al contenido:

   • Páginas de sitio web: En tu cuenta de HubSpot, dirígete a Contenido > Páginas web.
   • Landing Pages: En tu cuenta de HubSpot, dirígete a Contenido > Landing pages.
2. Haga clic en el nombre de la página. 
3. En el editor de contenidos, haga clic en el icono add Añadir en la barra lateral izquierda.
4. Haga clic para expandir una categoría de módulos, luego haga clic en un módulo y arrástrelo hasta su posición en el contenido. Para buscar un módulo, introduzca el nombre del módulo en el campo de búsqueda . 
5. Para ajustar el ancho de un módulo, haz clic en el separador vertical entre columnas y arrástralo a la posición.
6. Para editar un módulo, haz clic en el módulo en tu contenido. 
7. Para añadir una copia de un módulo a su contenido, sitúese sobre el módulo y haga clic en el icono clonduplicate cclonar módulo .
8. Para eliminar un módulo de su contenido, sitúese sobre él y haga clic en el icono delete eliminar módulo . 

Utiliza las secciones

Las secciones son grupos más grandes formados por diferentes módulos. Puedes crear secciones de página reutilizables arrastrando módulos a un diseño de sección en blanco. Los desarrolladores también pueden crear secciones reutilizables utilizando la documentación para desarrolladores. Una vez creada una sección, puede utilizarse en cualquier página que utilice el mismo tema y admita la edición mediante arrastrar y soltar

Nota: no se pueden guardar más de 50 secciones reutilizables a la vez. Para guardar una nueva sección reutilizable, elimina una sección reutilizable existente. 

Crear una sección

Puedes crear una sección seleccionando un diseño y añadiéndole módulos. 

1. Ve al contenido:

   • Páginas de sitio web: En tu cuenta de HubSpot, dirígete a Contenido > Páginas web.
   • Landing Pages: En tu cuenta de HubSpot, dirígete a Contenido > Landing pages.
2. Haga clic en el nombre de la página. 
3. En el editor de contenidos, pase el ratón por encima de su contenido y haga clic en + Añadir sección.

4. En el cuadro de diálogo, haga clic en Diseños en blanco en el menú y haga clic para seleccionar un diseño.
5. Haga clic en el icono add Añadir en la barra lateral izquierda. 
6. Haga clic para ampliar una categoría de módulos y, a continuación, haga clic en un módulo y arrástrelo hasta su posición dentro de la sección. Repita el procedimiento para cada módulo de la sección. 
7. Cuando haya terminado de añadir módulos a la sección, pase el ratón por encima de la sección y haga clic en el icono downCarat y seleccione Guardar sección. 
8. En el cuadro de diálogo, introduce un nombre y una descripción para tu sección, y luego haz clic en Guardar. 

Nota: Las secciones de página existentes y las creadas sin diseño también pueden guardarse como secciones reutilizables. 

Añadir o eliminar una sección

1. Ve al contenido:

   • Páginas de sitio web: En tu cuenta de HubSpot, dirígete a Contenido > Páginas web.
   • Landing Pages: En tu cuenta de HubSpot, dirígete a Contenido > Landing pages.
2. Haz clic en el nombre de la página.
3. En el editor de contenidos, pase el ratón por encima de su contenido y haga clic en + Añadir sección.

4. En el cuadro de diálogo, haga clic en una sección. Para elegir entre las secciones guardadas, haga clic en Secciones guardadas en el menú de la izquierda y haga clic en una sección guardada. 

Nota: Al añadir una sección guardada que contenga reglas inteligentes , dichas reglas se aplicarán a la nueva sección añadida. Estas secciones se etiquetarán como Smart. 

5. Para eliminar una sección de su contenido, sitúese sobre ella y haga clic en el icono delete eliminar. También puede hacer clic en el icono siteTreeIcon Contenido . A continuación, sitúese sobre la sección, haga clic en el icono ellipsesIcon y seleccione Eliminar.
6. Para eliminar una sección de tus secciones guardadas, pasa el ratón por encima de tu contenido y haz clic en + Añadir sección. A continuación, haga clic en Secciones guardadas en el menú de la izquierda y haga clic en el icono delete en la ficha de la sección guardada correspondiente. En el cuadro de diálogo, haga clic en Eliminar.

Contenido de estilo 

En el editor de contenido, puedes editar las opciones de estilo, como el relleno y los márgenes, en la pestaña Estilos del editor de la barra lateral. Puedes editar estilos para módulos y secciones, así como filas y columnas de contenido.

Las opciones de estilo disponibles para los módulos y temas personalizados las ajustan los desarrolladores que los crean. Obtenga más información sobre las opciones de estilo de módulos y temas en nuestra documentación para desarrolladores. 

1. Ve al contenido:

   • Páginas de sitio web: En tu cuenta de HubSpot, dirígete a Contenido > Páginas web.
   • Landing Pages: En tu cuenta de HubSpot, dirígete a Contenido > Landing pages.
   • Blog: En tu cuenta de HubSpot, dirígete a Contenido > Blog.
2. Haz clic en el nombre de tu página. 
3. En el editor de contenidos, haga clic en un módulo.
4. En el editor de la barra lateral, haz clic en la pestaña Estilos . 
5. Para ocultar un elemento:
   • Haz clic para ampliar la sección Visibilidad .
   • En la sección Ocultar en este punto de interrupción , haz clic en Ocultar. Por defecto, esto ocultará el módulo en las vistas de escritorio y móvil. 
   • Para mostrar el módulo sólo en móvil o escritorio, haz clic en el icono mobile móvil o desktop escritorio en la parte superior de la página. Haz clic para ampliar la sección Visibilidad . En la sección Ocultar en este punto de interrupción , haz clic en Mostrar. Esto mostrará el módulo en el tipo de dispositivo seleccionado, pero lo ocultará en caso contrario. 

6. Para establecer el relleno y los márgenes: 
   • Haz clic para ampliar la sección Alineación y espaciado y, a continuación, haz clic en Relleno o Margen.

• • Para añadir un espaciado uniforme a todos los lados, selecciona la casilla Aplicar a todos los lados , e introduce un valor en píxeles en cualquier campo. 
  • Para añadir un relleno diferente a cada lado, introduce los valores en píxeles en los campos Superior, Izquierda, Derecha, y Inferior .

7. Para establecer el fondo de un elemento, haz clic para expandir la sección Fondo , luego selecciona una opción: 
   • Ninguno: elimina cualquier color o imagen de fondo.
   • Color: establece un único color como fondo. Introduce un valor hexadecimal  , o haz clic en el selector de olor c y selecciona un color , e introduce un valor de transparencia . 
   • Imagen: establece una imagen como fondo. Clic Cargar [AGREGAR] para añadir una imagen desde tu ordenador, o clic Examinar imágenes para seleccionar una imagen de tus archivos. 
   • Gradiente: establece dos colores que se desvanecen y se mezclan como color de fondo. Haz clic en el menú desplegable Dirección y selecciona una dirección de degradado . Para cada color, introduce un valor hexadecimal  , o haz clic en el selector de olor c y selecciona un color , y luego introduce un valor de transparencia .

Ten en cuenta: las opciones exactas que aparecen en la pestaña Estilos pueden variar, especialmente en el caso de los módulos personalizados. Obtenga más información sobre las opciones de estilo para módulos personalizados en nuestra documentación para desarrolladores. 

Gestiona tus contenidos

En el editor de la barra lateral, puedes ver un resumen de las secciones, filas, columnas y módulos de tu contenido. Desde ahí, puedes renombrarlas, editarlas, clonarlas, borrarlas u ocultarlas: 

1. Ve al contenido:

   • Páginas de sitio web: En tu cuenta de HubSpot, dirígete a Contenido > Páginas web.
   • Landing Pages: En tu cuenta de HubSpot, dirígete a Contenido > Landing pages.
2. Haz clic en el nombre de tu página. 
3. En la barra lateral izquierda, haz clic en la pestaña siteTree Contenidos . 
4. Puedes controlar qué elementos de la página son visibles en el editor de la barra lateral: 
   • Para ver sólo las secciones de tu página, haz clic en Contraer todo. Esto contraerá todas las filas, columnas y módulos para que sólo sean visibles las secciones en el editor de la barra lateral. 
   • Para ver todo el contenido de tu página, haz clic en Expandir todo. Esto mostrará todas las secciones, filas, columnas y módulos en el editor de la barra lateral. 
   • Para ver un elemento individual de la página o un contenedor, haz clic en el signo + más situado junto a su nombre.
   • Para ocultar un elemento o contenedor, haz clic en el signo - menos situado junto a su nombre. 

5. Para editar, renombrar, clonar, borrar y ocultar elementos de la página: 
   • Para editar un elemento, haz clic en su nombre . 
   • Para cambiar el nombre de un elemento, haga clic en el icono ellipses junto a su nombre y, a continuación, seleccione Renombrar [elemento]. En el cuadro de diálogo, introduce un nombre  para el elemento y, a continuación, haz clic en Guardar. 
   • Para clonar un elemento, haga clic en el icono ellipses junto a su nombre y seleccione Clonar. Esto creará una copia exacta del elemento original junto a él. 
   • Para eliminar un elemento, haga clic en el icono ellipses junto a su nombre y, a continuación, seleccione Eliminar. 
   • Para ocultar un módulo, haz clic en el icono hide ocultar . Esto ocultará el módulo en la vista previa del contenido, pero no en el editor de la barra lateral. Para mostrar un módulo oculto en la página, haz clic en el icono view dispmostrar.