Landingsbladsy-sjablone
Archbee verskaf white label Landing Page templates sodat u maklik 'n gebrande landing page vir u dokumentasieportaal kan skep
Hoe om die Custom Code te kry
Vanaf ons GIT repo (kom binnekort)
Hoe om te gebruik
Om u Custom Landing Page op te stel moet u ons custom code kopieer na die Space Settings -> Custom Code en Landing Page afdelings.
Vir elke Sjabloon sal u 3 lêers hê: index.html, script.js en style.css
Die 3 lêers kan hieronder vir elke Sjabloon gevind word:
Include Headers-oortjie
Kopieer die Sluit opskrifte in afdeling vanaf index.html
Plak dit in die Sluit opskrifte in afdeling van Spasie-instellings -> Pasgemaakte kode
Maak seker dit sluit die <head> tags in en druk Stoor
Custom CSS-oortjie
Kopieer die inhoud van die stlye.css lêer
En voeg dit by die Pasgemaakte CSS afdeling vanaf Space Settings -> Custom Code. Maak seker dit is ingesluit binne <style></style> tags.
Die style-kode begin met 'n paar veranderlike verklarings, wat gebruik kan word om die tema van die bladsy maklik te verander:
: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
Kopieer die kode vanaf script.js
Voeg dit by die Pasgemaakte JavaScript afdeling vanaf Space Settings -> Custom Code
Maak seker dit is ingesluit binne <script></script> tags.
Landing page HTML
Kopieer die HTML-kode vanaf index.html vanaf die <!-- START Landing page -- > kommentaar.
Kies die Gepasmaakte HTML landing page-tipe en voeg dan die HTML-kode by in die houer wat hieronder verskyn.
Hoe om die kode aan te pas
Logo + beelde
Alle beelde en logo’s word gedefinieer met plekhouers in die formaat: <img src="https://placehold.co/..." ... /> soos hieronder geïllustreer:
Navbar-skakels
Navbar bevat ’n paar skakels wat gebruik kan word om binne of buite die dokument te navigeer. Aan die einde van die lys is daar ook ’n geannoteerde skakel wat gebruik kan word om ander skakels by te voeg indien nodig.
Hero-afdeling
Bevat ’n agtergrondbeeld en ’n titel en subopskrif (die kleure hiervan kan in die styl Style afdeling verander word)
Dokumentblokke
’n Lys blokke wat ’n ikoon, ’n titel, ’n beskrywing en ’n knoppie bevat, wat gewoonlik gebruik word om na u dokumentasie te navigeer. ’n Voorbeeld word aan die einde van die lys uitgekommentaar.
