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 essenziell, 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 Ihrem gesamten Content geschmückt werden. Buttons, Images, Text Areas und individuelle Gestaltungsmö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-Action 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.
- Anschließend kann das „Navigation Logo“ in die Navigation Bar platziert werden. Im Setting Menü können Sie zwischen unterschiedlichen Größen und Platzierungen per Device wählen.
- Ziehen Sie nun per Drag & Drop den „Navigation Button Container“ in die Navigation Bar.
- In den Navigation-Button Container 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.
- Wählen Sie nun den „Grid Container“. Dieser bildet das Grundgerüst für Ihre Grids. Ziehen Sie den Grid Container in die Section.
- Grid Items ermöglichen es, den Grid Container vertikal oder horizontal zu unterteilen. Ziehen Sie mindestens zwei Grid Items in einen Grid Container.
- 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.
