Landingpage‑Vorlagen
3 min
archbee stellt white label landing page vorlagen bereit, damit sie ganz einfach eine gebrandete landing page für ihr dokumentationsportal erstellen können so erhalten sie den custom code aus unserem git repo (kommt bald) kopieren sie den benutzerdefinierten code aus unserer dokumentation in space einstellungen vorlage 1 docid\ hfqjl1fmr0h8podptgomkvorlage 2 docid\ yf32mamwm3uh41y9jo7gq so verwenden sie es um ihre benutzerdefinierte landing page einzurichten, müssen sie unseren custom code in die bereiche space einstellungen > custom code und landing page kopieren für jede vorlage haben sie 3 dateien index html , script js und style css die 3 dateien finden sie unten für jede vorlage vorlage 1 docid\ hfqjl1fmr0h8podptgomkvorlage 2 docid\ yf32mamwm3uh41y9jo7gq include headers tab kopieren sie den abschnitt header einbeziehen aus der index html fügen sie ihn in den abschnitt header einbeziehen in den space einstellungen > benutzerdefinierter code ein stellen sie sicher, dass er die \<head> tags enthält, und drücken sie speichern custom css tab kopieren sie den inhalt der datei style css und fügen sie ihn in den abschnitt benutzerdefinierte css unter space settings > custom code ein stellen sie sicher, dass er in \<style>\</style> tags eingeschlossen ist der style code beginnt mit einigen variablendeklarationen, die verwendet werden können, um das theme der seite einfach zu ändern \ 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 kopieren sie den code aus script js fügen sie ihn in den abschnitt benutzerdefiniertes javascript unter space settings > custom code ein stellen sie sicher, dass er in \<script>\</script> tags eingeschlossen ist landing page html kopieren sie den html code aus der index html beginnend beim kommentar \<! start landing page > wählen sie den landing page typ benutzerdefiniertes html und fügen sie dann den html code in den darunter erscheinenden container ein wie sie den code anpassen logo + bilder alle bilder und logos sind mit platzhaltern im folgenden format definiert \<img src="https //placehold co/ " /> wie unten dargestellt navbar links die navbar enthält einige links, die verwendet werden können, um innerhalb oder außerhalb der dokumentation zu navigieren am ende der liste befindet sich außerdem ein auskommentierter link, der verwendet werden kann, um bei bedarf weitere links hinzuzufügen hero bereich enthält ein hintergrundbild sowie einen titel und untertitel (deren farben können im style stile docid\ dh7ymhtbflml1hsao4t56 abschnitt geändert werden) dokumentblöcke eine liste von blöcken mit einem symbol, einem titel, einer beschreibung und einer schaltfläche, die in der regel zur navigation in ihrer dokumentation verwendet werden am ende der liste ist ein beispiel auskommentiert
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.