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:
Haz clic en Agregar Elemento.
Haz clic en Control para crear un nuevo elemento de Control.
Establece Tipo en Corte de Sección.
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).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
.
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
).(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.
¡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:
URL | Descripción |
---|---|
section:next | Abre la siguiente sección. |
section:previous | Abre la sección anterior. |
section:first | Abre la primera sección. |
section:last | Abre 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.