Configurando una sección - Construcción - Documentos de Carrd

Last updated on 5/24/2025@mrbirddev
Configurando una sección - Construcción - Documentos de Carrd

Creando una Sección

En el corazón del concepto de Secciones está el Corte de Sección, un elemento especial de Control que marca dónde comienza una sección, dónde termina y qué elementos deben pertenecer a ella. Así es como se utiliza:

  1. Haz clic en Agregar Elemento.

  2. Haz clic en Control para crear un nuevo elemento de Control.

  3. Establece Tipo en Corte de Sección.

  4. Dale un Nombre corto y descriptivo compuesto solo de letras minúsculas, números y guiones (por ejemplo, trabajo). Esto identificará de manera única la sección y te permitirá enlazarla (ver abajo).

  5. Arrastra el corte de sección a donde te gustaría dividir el sitio, suelta el clic para soltarlo, y ... eso es todo. Aunque los efectos no serán aparentes en el constructor, esto es lo que sucede en la versión publicada del sitio:

  • Crea una nueva sección con el nombre que acabas de establecer (por ejemplo, trabajo) que contiene todos los elementos después del corte de sección (hasta otro corte de sección, un marcador de pie de página, o el final del sitio).
  • Asigna todos los elementos antes del corte de sección (hasta otro corte de sección, un marcador de encabezado, o el inicio del sitio) a la sección anterior.
  • ... y si no existe una sección anterior, crea automáticamente una con el nombre de inicio.
  1. Enlaza a la sección con un botón, un enlace, o prácticamente cualquier otra cosa que use una URL utilizando un hash # seguido del nombre de la sección (por ejemplo, #trabajo).

  2. (Opcional) Selecciona el elemento Página del sitio, haz clic en la pestaña Animación, luego selecciona un efecto de Cambio de Sección para usar cuando el sitio cambie de secciones.

  3. ¡Has terminado! Al hacer clic en un enlace a la sección, ahora se abrirá inmediatamente y revelará su contenido (y lo hará usando un efecto de cambio de sección si se seleccionó uno), y cada sección puede ser enlazada directamente simplemente añadiendo su nombre con prefijo de hash a la URL del sitio (por ejemplo, foo.carrd.co/#trabajo). También puedes enlazar a las siguientes URLs especiales para navegar entre tus secciones:

URLDescripción
section:nextAbre la siguiente sección.
section:previousAbre la sección anterior.
section:firstAbre la primera sección.
section:lastAbre la última sección.

... ¡y eso es todo! Simplemente repite el proceso para crear más secciones, o si lo prefieres, lleva el concepto un paso más allá y añade un encabezado y un pie de página.


Tabla de contenidos - carrd docs

Last updated on 5/24/2025@mrbirddev
Loading...