Container Verwaltung - Kurzanleitung

Grundlagen Wichtiger Workflow Funktionen Klappmenüs Tipps & Hilfe

🚨 WICHTIG: Diese zwei Workflows beachten!

1. Bei neuen Reihen: Erst speichern, dann Inhalte eingeben

2. Bei "Mehrere Bilder mit Links": Erst speichern, dann Bilder hochladen

🎯 Grundlagen

Ihre Seite besteht aus Reihen, jede mit 3 Positionen:

🔵 Links (Left)

Linker Container der Reihe

🟡 Mitte (Center)

Mittlerer Container - wird zuerst gesehen

🔴 Rechts (Right)

Rechter Container der Reihe

Jede Position ist ein Container mit individuellen Einstellungen.

⚡ Wichtiger Workflow

Diese Schritte sind KREATISCH wichtig!

🔧 Neue Reihe hinzufügen:

1 Auf "Neue Reihe hinzufügen" klicken

2 SOFORT auf "SPEICHERN" drücken

3 Seite neu laden (Strg+F5)

4 Jetzt Container-Inhalte eingeben

🖼️🔗 "Mehrere Bilder mit Links" verwenden:

1 Inhaltstyp auf "Mehrere Bilder mit Links" stellen

2 SOFORT auf "SPEICHERN" drücken

3 Seite neu laden (Strg+F5)

4 Jetzt können Sie Bilder hochladen und Links eingeben

Warum dieses Vorgehen?

Das System erstellt erst nach dem Speichern alle benötigten Felder. Ohne Speichern fehlen wichtige Eingabemöglichkeiten!

🛠️ Hauptfunktionen

📝 Grund-Einstellungen

Fade-in Animation
Hintergrund: Transparent/Farbe/Gradient
Container-Größe (Breite/Höhe)

🔤 Überschrift

Titeltext
Schriftart: Standard/Geschwungen/Fantasy
Farbe & Größe
Hintergrundbild optional

📝 Text-Inhalt

Haupttext des Containers
Live-Vorschau
Schrift-Einstellungen
Nur bei Typ "Text" relevant

🎨 Text-Effekte

Gradient-Text (animierter Farbverlauf)
Bild-Text-Fill (Text mit Bild füllen)
Nur einen Effekt aktivieren!

📦 Inhalt (Haupttyp)

Bild: Hochladen oder URL
Text: Nutzt Text-Inhalt
Mehrere Bilder: Mit Links (Workflow beachten!)
Bilder-Laufschrift: Horizontale Animation
iFrame: Externe Inhalte

✨ Effekte & Rahmen

Glow-Effekt (Leuchtschatten)
Trennlinie unter Überschrift
Border-Bild (dekorativer Rahmen)

🖼️ Oberes Bild

Bild oben im Container
Über dem Hauptinhalt
Perfekt für Logos

🔗 Textlinks

Vertikale Link-Liste
Titel, URL, Farben
Hover-Effekte

📂 Klappmenüs - So funktioniert's

Alle Einstellungen sind in übersichtlichen Bereichen organisiert:

📝 Grund-Einstellungen

Größe, Hintergrund, Fade-In

🔤 Überschrift

Text, Schriftart, Farbe

📝 Text-Inhalt

Haupttext-Bereich

🎨 Text-Effekte

Gradient und Bild-Fill

📦 Inhalt

Typ-Auswahl (Bild/Text/etc.)

✨ Effekte & Rahmen

Glow, Linie, Border

🖼️ Oberes Bild

Top-Bild-Einstellungen

🔗 Textlinks

Link-Liste

So bedienen Sie die Klappmenüs:

Klick auf den Bereichsnamen öffnet oder schließt die Einstellungen.

Standardmäßig sind alle geschlossen - öffnen Sie nur, was Sie brauchen!

💡 Tipps & Schnelle Hilfe

✅ Best Practices

Regelmäßig speichern - besonders nach Strukturänderungen
Strg+F5 drücken, wenn Änderungen nicht sichtbar sind
Ein Klappmenü nach dem anderen bearbeiten
Mobile Ansicht prüfen (Container sehen anders aus)
Bilder optimieren (unter 200 KB für schnelle Ladezeiten)

🚫 Häufige Probleme & Lösungen

Container wird nicht angezeigt

Ursache: Kein Inhalt oder falsche Größe

Lösung: Überschrift oder Inhalt hinzufügen

Felder fehlen bei "Mehrere Bilder"

Ursache: Nicht gespeichert nach Typ-Auswahl

Lösung: Speichern + Neu laden

Fade-In funktioniert nicht

Ursache: Checkbox nicht aktiv oder Cache

Lösung: Aktivieren + Strg+F5

Bilder werden nicht hochgeladen

Ursache: Zu groß oder falsches Format

Lösung: Komprimieren (JPG/PNG/GIF)

🎯 Schnellstart in 4 Schritten

1 Neue Reihe → SPEICHERN → Neu laden

2 Linker Container: Überschrift + Text

3 Mittlerer Container: Bild mit Link

4 Rechter Container: Textlinks oder Mehrere Bilder

Erinnerung: Workflow bei "Mehrere Bilder"

Typ auswählen → SPEICHERN → Neu laden → Bilder & Links eingeben

❓ Kurz-FAQ

Kann ich Container verschieben?

Nein, aber Inhalt kopieren und neu erstellen

Wie viele Container maximal?

Keine Grenze, aber Performance beachten

Warum sehe ich Änderungen nicht?

Cache löschen mit Strg+F5

Mehrere Inhaltstypen möglich?

Nur EIN Haupttyp, aber +Überschrift +Bild +Links