Laskeutumissivupohjat
Archbee tarjoaa white label -aloitussivumalleja, joiden avulla voitte helposti luoda brändätyn aloitussivun dokumentaatioportaalillenne
Mukautetun koodin hankkiminen
Käyttöohje
Mukautetun aloitussivun määrittämiseksi teidän on kopioitava mukautettu koodimme kohtiin Space Settings -> Custom Code ja Landing Page.
Jokaisessa mallissa on 3 tiedostoa: index.html, script.js ja style.css
Kolme tiedostoa löytyvät alta jokaiselle mallille:
Include Headers -välilehti
Kopioi Sisällytä otsikot -osio tiedostosta index.html
Liitä se Sisällytä otsikot -osioon kohdassa Avaruusasetukset -> Mukautettu koodi
Varmista, että se sisältää <head> -tagit ja paina Tallenna
Custom CSS -välilehti
Kopioi stlye.css -tiedoston sisältö
Ja lisää se Mukautettu CSS -osioon kohdasta Space Settings -> Custom Code. Varmista, että ne on suljettu <style></style> -tagien sisään.
Tyylikoodi alkaa muutamalla muuttujamäärityksellä, joita voidaan käyttää sivun teeman helppoon muuttamiseen:
: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;
}Mukautettu JavaScript
Kopioi koodi tiedostosta script.js
Lisää se Mukautettu JavaScript -osioon kohdasta Space Settings -> Custom Code
Varmista, että ne on suljettu <script></script> -tagien sisään.
Aloitussivun HTML
Kopioi HTML-koodi tiedostosta index.html alkaen kommentista <!-- START Landing page -- > asti.
Valitse Mukautettu HTML -aloitussivutyyppi ja lisää sitten HTML-koodi alla näkyvään säilöön.
Koodin mukauttaminen
Logo + kuvat
Kaikki kuvat ja logot on määritetty paikkamerkeillä seuraavassa muodossa: <img src="https://placehold.co/..." ... /> kuten alla olevassa esimerkissä:
Navbar-linkit
Navbar sisältää muutamia linkkejä, joita voidaan käyttää dokumentin sisäiseen tai ulkoiseen navigointiin. Luettelon lopussa on myös kommentoitu linkki, jota voidaan käyttää muiden linkkien lisäämiseen tarvittaessa.
Hero-osio
Sisältää taustakuvan sekä otsikon ja alaotsikon (näiden värejä voidaan muuttaa tyylien Tyylit-osiossa)
Dokumenttilohkot
Luettelo lohkoista, jotka sisältävät kuvakkeen, otsikon, kuvauksen ja painikkeen. Näitä käytetään yleensä dokumentaatioon siirtymiseen. Esimerkki on kommentoitu pois luettelon lopussa.
