Vorlagen für Landingpages
3 min
archbee bietet white label landingpage vorlagen, damit sie ganz einfach eine gebrandete landingpage für ihr dokumentationsportal erstellen können wie man den benutzerdefinierten code erhält aus unserem git repository (kommt bald) kopieren sie den benutzerdefinierten code aus unserer dokumentation in die space einstellungen vorlage 1 docid\ hfqjl1fmr0h8podptgomkvorlage 2 docid\ yf32mamwm3uh41y9jo7gq wie man es verwendet um ihre benutzerdefinierte landingpage einzurichten, müssen sie unseren benutzerdefinierten code in die bereiche space settings > 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 tab kopfzeilen einfügen kopiere den abschnitt include headers aus der datei index html füge ihn in den abschnitt include headers in space settings > custom code stelle sicher, dass die \<head> tags enthalten sind und drücke speichern tab benutzerdefiniertes css kopiere den inhalt der datei style css und füge ihn in den abschnitt custom css in space settings > custom code ein stelle sicher, dass er in \<style>\</style> tags eingeschlossen ist der style code beginnt mit einigen variablendeklarationen, die verwendet werden können, um das seiten theme 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; } benutzerdefiniertes javascript kopiere den code aus script js füge ihn im abschnitt custom javascript in space settings > custom code ein stelle sicher, dass er in \<script>\</script> tags eingeschlossen ist landingpage html kopiere den html code aus index html beginnend ab dem kommentar \<! start landing page > wie man den code anpasst logo + bilder alle bilder und logos werden mit platzhaltern im format \<img src="https //placehold co/ " /> definiert, wie unten gezeigt navbar links die navbar enthält einige links, die zur navigation innerhalb oder außerhalb der dokumentation verwendet werden können am ende der liste befindet sich ein auskommentierter link, den du bei bedarf aktivieren kannst hero bereich beinhaltet ein hintergrundbild sowie einen titel und untertitel (die farben können im stilabschnitt geändert werden stile docid\ dh7ymhtbflml1hsao4t56 ) dokument blöcke eine liste von blöcken, die ein icon, einen titel, eine beschreibung und einen button enthalten ein beispiel ist am ende der liste 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.
Aktualisiert 25 May 2026
