Plantillas de páginas de destino
Archbee proporciona plantillas de Página de Aterrizaje de marca blanca para que puedas crear fácilmente una página de destino personalizada para tu portal de documentos
Cómo obtener el Código Personalizado
Desde nuestro repositorio GIT (próximamente)
Copia y pega el código personalizado de nuestra documentación en Configuración del Espacio
Cómo utilizar
Para configurar tu Página de Aterrizaje Personalizada debes copiar nuestro código personalizado en las secciones Código Personalizado y Página de Aterrizaje dentro de Configuración del Espacio.
Para cada Plantilla tendrás 3 archivos: index.html, script.js y style.css
Los 3 archivos se pueden encontrar a continuación para cada Plantilla:
Pestaña Incluir Encabezados
Copia la sección Incluir Encabezados de index.html
Pégala en la sección Incluir Encabezados de Configuración del Espacio -> Código Personalizado
Asegúrate de que incluya las etiquetas <head> y pulsa Guardar
Pestaña CSS Personalizado
Copia el contenido del archivo style.css
Y añádelo a la sección CSS Personalizado de Configuración del Espacio -> Código Personalizado. Asegúrate de que esté dentro de etiquetas <style></style>.
El código de estilo comienza con algunas declaraciones de variables que se pueden usar para cambiar fácilmente el tema de la página:
:root {
--accent-text: #2166ae;
--secondary-text: #0a4563;
--primary-text: #24292e;
--background-color: #fff;
--primary-link: #999;
--accent-link: var(--accent-text);
--header-title-color: #fff;
--header-subtitle-color: #fff;
}JavaScript Personalizado
Copia el código de script.js
Agrégalo a la sección JavaScript Personalizado en Configuración del Espacio -> Código Personalizado
Asegúrate de que esté dentro de etiquetas <script></script>.
HTML de la Página de Inicio
Copia el código HTML de index.html comenzando desde el comentario <!-- START Landing page -- >.
Selecciona el tipo de página de inicio HTML Personalizado y luego añade el código HTML en el contenedor que aparece debajo.
Cómo personalizar el código
Logo + imágenes
Todas las imágenes y logos están definidos con marcadores de posición con el formato: <img src="https://placehold.co/..." ... /> como se muestra a continuación:
Enlaces de la barra de navegación
La barra de navegación contiene varios enlaces que se pueden usar para navegar dentro o fuera del documento. Al final de la lista también hay un enlace comentado que se puede usar para añadir otros enlaces si es necesario.
Sección Hero
Contiene una imagen de fondo y un título y subtítulo (los colores de estos se pueden cambiar en la sección de estilo Estilos ).
Bloques de documentos
Una lista de bloques que contiene un ícono, un título, una descripción y un botón, generalmente usados para navegar a tus documentos. Un ejemplo está comentado al final de la lista.
