Startseite, Baustellenseite, Hinweisseite
Veröffentlichungsdatum: 08. September 2014
Änderungsdatum: 27. Mai 2020
weblication cms core grid startseite baustellenseite hinweisseite einstiegseite vorschaltseite landingpage
Umsetzungsbeispiele für die Einstiegseite einer Internetpräsenz
Soll bei Aufruf der Domain zuerst eine Einstiegsseite kommen, die z.B. ein Intro, eine Sprachauswahl, einen Hinweis o.ä. beinhaltet, gibt es hierfür verschiedene Ansätze für die oberste Index-Seite (z.B. /index.php).
1) Startseite des Inhalts- bzw. Sprachprojektes
Weblication® CMS liefert die BASE Projektbasis mit einem Include der obersten /index.php auf das (erste) Projektverzeichnis aus (siehe: Startseite von Präsenzen). Dies ist in den meisten Fällen ausreichend, kann aber individuell pro Weblication® Installation auch anderes definiert werden (siehe nachfolgende Alternativen).
2) Startseite als pflegbare vorgeschaltete Seite
Bei Präsenzen mit mehreren Inhalts- bzw. Sprachprojekten können Sie diesen Projekten eine pflegbare Einstiegseite voranstellen (z.B. auch als Landingpage). Diese legen Sie wie gewohnt in einem Inhaltsprojekt (ggf. im Standard Sprachprojekt) ab (z.B. /de/home.php ). Sofern Sie diese Einstiegsseite ohne umliegenden Layoutbereich gestalten wollen, legen Sie entweder ein separates HTML Seiten-Template an (z.B. home.wDocument.php ), das Sie als Ansichts- und Bearbeitungstemplate der home.php Datei zuweisen. Dieses HTML Seiten-Template gestalten Sie wie von Ihnen gewünscht.
Eine andere Möglichkeit ohne weiteres HTML Seiten-Template ist der Einsatz rein über CSS. Die aktuelle BASE setzt bereits im Standard für das Body-Tag entsprechenden Klassen, die Sie hierfür heranziehen können. Unter anderem wird hier auf der Objekt-Typ der Seite für die Klassenangabe des Body-Tags gesetzt, welches Sie für eine separate Ansicht der Seite verwenden können. Das nachfolgenden Beispiel verwendet hierfür den Objekt-Typ "home", der rein zur individuellen CSS-Definition der Vorschaltseite herangezogen wird (ausblenden bestimmter Bereiche).
Auszug aus der /de/home.php zum Objekttyp
...
<wd:object type="home">
...Auszug aus der design.css zur individuellen CSS-Definition einer Startseite
/* fuer Startseite (Objekt home) */ body.object-home {background-color:#FFFFFF} .object-home #blockMainOuter {width:100%;max-width:1920px;margin:0px auto} .object-home #blockMain {margin:0} .object-home #blockTop {display:none;-w-display:none} .object-home #areaContent3Global {display:none;-w-display:none} .object-home #navigationBreadcrumb {display:none;-w-display:none} .object-home #blockBeforeFull {} .object-home #blockLeftContentRight {max-width:980px} .object-home #blockBottom {display:none;-w-display:none} @media only screen and (max-width: 400px){ .object-home > .elementContainerStandardColumns > .col1, .object-home > .elementContainerStandardColumns > .col2, .object-home > .elementContainerStandardColumns > .col3, .object-home > .elementContainerStandardColumns > .col4, .object-home > .elementContainerStandardColumns > .col5, .object-home > .elementContainerStandardColumns > .col6 {width:100%;margin-bottom:20px;float:left} }
Die Seite (z.B. home.php) befüllen Sie über die gewohnten Weblication® CMS Bearbeitungsmöglichkeiten nach Ihren Vorstellungen. Dies kann z.B. eine Themenauswahl (siehe Screen links) oder eine Sprachauswahl (siehe Screen rechts) oder aber auch eine Hinweisseite bzw. Baustellenseite etc. sein.
Startseite mit Themenauswahl:
Startseite mit Sprachauswahl:
Damit ein Aufruf der Domain direkt auf die gewünschte Startseite ( /de/home.php ) verweist, können Sie z.B. über die oberste /index.php oder eine .htaccess eine 301er-Weiterleitung (oder Include) auf /de/home.php vornehmen (siehe Startseite von Präsenzen).
3) Manuelle Umsetzung der Startseite in HTML
Die Startseite Ihrer Weblication® CMS Installation können Sie auch auf herkömmliche Weise manuell umsetzen. Sofern die Pflegemöglichkeiten nicht erforderlich sind, erstellen Sie über einen HTML-Editor die Seite in HTML bzw. PHP mit entsprechendem Verweis auf das bzw. die Inhalts- und Sprachprojekte.