Startseite, Baustellenseite, Hinweisseite

08. Sep 2014

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.

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 Themenauswahl - Ansichtzoom
Startseite mit Themenauswahl - Ansicht
Startseite mit Themenauswahl - Bearbeitungzoom
Startseite mit Themenauswahl - Bearbeitung

Startseite mit Sprachauswahl:

Startseite mit Sprachauswahl - Ansichtzoom
Startseite mit Sprachauswahl - Ansicht
Startseite mit Sprachauswahl - Bearbeitungzoom
Startseite mit Sprachauswahl - Bearbeitung
 

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.

Ähnliche Seiten

Entwicklerbereich Weblication® CMS - © Scholl Communications AG