ESPACES HÉBERGÉS
Page d'atterrissage personnali...
Modèles de pages d'atterrissage
3 min
archbee fournit des modèles de page d'atterrissage en marque blanche afin que vous puissiez facilement créer une page d'atterrissage de marque pour votre portail de documents comment obtenir le code personnalisé depuis notre dépôt git (à venir bientôt) copiez collez le code personnalisé de notre documentation dans les paramètres de l'espace docid\ u2dpnobw mr2ost7ar2wc docid\ irhmot0pip4ezrnkzroak comment utiliser pour configurer votre page d'atterrissage personnalisée, vous devez copier notre code personnalisé dans les paramètres de l'espace > sections code personnalisé et page d'atterrissage pour chaque modèle, vous aurez 3 fichiers index html , script js et style css les 3 fichiers peuvent être trouvés ci dessous pour chaque modèle docid\ u2dpnobw mr2ost7ar2wc docid\ irhmot0pip4ezrnkzroak include headers tab copiez le inclure les en têtes section de index html collez le dans le inclure les en têtes section de paramètres de l'espace > code personnalisé assurez vous qu'il inclut le \<head> balises et appuyez sur enregistrer custom css tab copiez le contenu du stlye css fichier et ajoutez le à la css personnalisé section des paramètres de l'espace > code personnalisé assurez vous qu'ils sont entourés de \<style>\</style> balises le code de style commence par quelques déclarations de variables, qui peuvent être utilisées pour changer facilement le thème de la page \ 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; } custom javascript copiez le code de script js ajoutez le à la javascript personnalisé section des paramètres de l'espace > code personnalisé assurez vous qu'ils sont enfermés dans \<script>\</script> balises landing page html copiez le code html de index html en commençant par le \<! début de la page d'accueil > commentaire sélectionnez le html personnalisé type de page de destination, puis ajoutez le code html dans le conteneur qui apparaît ci dessous how to customise the code logo + images toutes les images et logos sont définis avec des espaces réservés au format \<img src="https //placehold co/ " /> comme illustré ci dessous navbar links la barre de navigation contient quelques liens qui peuvent être utilisés pour naviguer à l'intérieur ou à l'extérieur du document à la fin de la liste, il y a également un lien commenté qui peut être utilisé pour ajouter d'autres liens si nécessaire hero section contient une image de fond et un titre et un sous titre (les couleurs de ceux ci peuvent être changées dans le style docid\ uoahbuo3bx3eupjixkzex section) document blocks une liste de blocs contenant une icône, un titre, une description et un bouton, généralement utilisés pour naviguer vers vos documents un exemple est commenté à la fin de la liste
Have a question?
Our super-smart AI, knowledgeable support team and an awesome community will get you an answer in a flash.
To ask a question or participate in discussions, you'll need to authenticate first.