Individueller Aufbau

Landing Pages

Das Layout

Das Layout stellt das Grundgerüst Ihrer Landing Page dar. Mit der großen Auswahl an Komponenten können individuelle Navigationen, Sections und Footer erstellt werden. Bedenken Sie, dass ein roter Faden stets erkennbar sein muss. 

Navigation

Eine Navigation ist essentiell, um Unterseiten zu verlinken sowie Ihr Logo aufzuführen. Im JUNE Editor werden die Unterseiten problemlos per Link mit der Navigation verbunden. 

Section

Der Hauptteil Ihrer Landing Page sollte mit Ihren gesamten Content geschmückt werden. Buttons, Images, Text Areas und individuelle Gestaltmöglichkeiten erlauben es, grenzenlos kreativ zu sein. 

Footer

Im Footer werden abschließend wichtige Unterseiten wie "Impressum" und "Kontakt" sowie Icons, die mit Ihren sozialen Netzwerken verknüpft sind, aufgeführt. Gegebenenfalls kann auch eine Call-To-Actions in den Footer platziert werden. 

How to

Navigation erstellen

1. Wählen Sie die "Navigation Bar" im Komponenten Menü aus und platzieren Sie diese Komponente an den Anfang Ihrer Landing Page

 

2. Anschließend kann das "Naviagtion Logo" in die Navigation Bar platziert werden. Im Setting Menü können Sie zwischen unterschiedlichen Größen und Platzierungen per Device wählen. 

 

3. Ziehen Sie nun per Drag & Drop den "Navigation Button Container" in die Navigation Bar. 

 

4. In den Navigation Button Conatiner können nun mehrere "Navigation Buttons" platziert werden, die sich in den jeweiligen Einstellungen problemlos mit Ihren Unterseiten verknüpfen lassen. 

How to

Grids erstellen

1. Wählen Sie die "Section" Komponente aus und fügen Sie diese per Drag & Drop zu Ihrer Landing Page.

 

2. Wählen Sie nun den "Grid Container". Dieser bildet das Grundgerüst für Ihre Grids. Ziehen Sie den Grid Container in die Section.

 

3. Grid Items ermöglichen es, den Grid Container vertikal oder horizontal zu unterteilen. Ziehen Sie mindestens zwei Grid Items in einen Grid Container.

 

4. Anschließend können die jeweiligen Grid Items mit Texten, Images, GIFs und unterschiedlichen Styles gestaltet werden.

How to

Footer erstellen

1. Wählen Sie die "Footer" Komponente aus und fügen diese Komponente an das Ende Ihrer Landing Page.

 

2. Mithilfe von einem "Grid Container" sowie mehreren "Grid Items" können Sie den Footer nach Kategorien wie "Produkt", "Services" und "Kontakt" unterteilen.

 

3. Fügen Sie in die jeweiligen Grid Items Texte sowie Icons oder verlinkte Images hinzu, um weiterhin auf Ihre sozialen Netzwerke aufmerksam zu machen. 

 

4. In den einzelnen Settings der Komponenten lassen sich Hintergrundfarben und weitere Styles anpassen. 

Next Tutorial

Der Content

In den nächsten Schritten werden Sie Texte in dem JUNE Editor hinzufügen. Leben Sie sich kreativ aus mit der großen Auswahl an Google Fonts und weiteren Text-Styles.