webStarter V2

webStarter v2

👉

Klicke auf eine Section rechts, um hier den passenden Tipp zu sehen.

🏢 Setup & Kontakt

Hier legst du die Geschäftsdaten fest. Diese Informationen werden automatisch in den Footer, ins Impressum und auf die Kontaktseiten injiziert. Du sparst dir also ständige Wiederholungen.

💡 Logo Tipp

Lade dein Logo bevorzugt als SVG hoch – das bleibt auf allen Retina-Bildschirmen gestochen scharf und lädt unvergleichlich schnell.

📐 Layout & Architektur

Wähle das Grundgerüst deiner Website. Dieses Layout bestimmt die übergreifende Struktur wie z.B. die Art deiner Navigation (Menü) und die Verteilung von Sidebar & Content-Breite.

💡 Strategie

Filtere oben nach deiner Branche (z.B. SaaS oder Portfolio), um Best-Practice Architektur-Empfehlungen für genau deine Zielgruppe zu erhalten.

🎨 Farben & Mood

Farben erzeugen das wichtigste unterbewusste Gefühl beim Betrachter. Setze starke Akzente sparsam ein, um den Fokus clever auf deine Call-to-Actions zu lenken.

✨ Magic Builder

Hast du schon eine Marken-Hauptfarbe? Leg sie im Magic Builder ab und lass den intelligenten Algorithmus ein perfekt passendes Kontrast-Setup für dich berechnen!

🖋 Typografie

Dein Text muss lesbar sein. Die Wahl der Google Font prägt den Charakter deiner Seite maßgeblich – verpasse ihr den modern reduzierten, oder den eher seriösen Flair.

💡 Quick-Test

Such dir eine Schrift und vergleiche anschließend, indem du unter "Zuletzt verwendet" zügig zwischen den Fonts durchklickst. Das gibt dir ein perfektes Bauchgefühl.

🐛 Debugging

Hier hast du den totalen Überblick über die erzeugten Strukturen, Templates und Blueprints im Hintergrund. Dies ist die technische Wahrheit des Themes.

📋 Code Ansicht

Überprüfe das fertige Block-Markup für den Block-Editor. Du kannst ihn direkt als nativen Code kopieren und in WordPress verwenden.

💾 Backup & Transfer

Exportiere die komplette Konfiguration deiner Website, um später Änderungen rückgängig zu machen, oder als Vorlage für eine neue Seite zu speichern.

🔄 Live Sync

Aktualisiere das Theme und alle Bausteine direkt über deine Remote-Verbindung zur Live-Seite in Echtzeit.

💡 Deployment Manager

Du kannst hier kontrollieren, ob nur CSS, nur Markup, oder beides exportiert werden soll um die Live-Instanz nicht zu zerschießen.

⚡ Warum diese Section?

Der Hero-Bereich ist das Schaufenster deines Unternehmens. Hier entscheidet sich, ob der Besucher weiter scrollt. Der perfekte Slogan beantwortet die Frage: „Was habe ich davon?" – in einem Satz.

💡 Tipp

Die 3-4 Verkaufsargumente sind dein stärkstes Mittel gegen Zweifel. Nenne hier konkrete Vorteile, keine abstrakten Features. Statt „Professionelles Design" lieber: „Fertig in 7 Tagen, ohne Technikstress."

✍️ Warum diese Section?

Der Willkommenstext ist dein erstes echtes Gespräch mit dem Kunden. Hier baust du Vertrauen auf, indem du seinen Schmerz benennst und zeigst, dass du ihn verstehst – bevor du von dir erzählst.

💡 Struktur-Tipp

Bewährte Formel: Block 1 = Problem benennen. Block 2 = Empathie zeigen. Block 3 = Lösung anbieten. Trenne Absätze mit einer Leerzeile, um WordPress-Paragraphen zu erzeugen.

🃏 Warum diese Section?

Die Feature Cards zeigen deinen Stil und deine Persönlichkeit. Ein Bild sagt mehr als 1000 Worte – wähle hier Fotos, die dein Produkt oder deine Arbeit im besten Licht zeigen.

💡 Tipp

Halte die Texte kurz und prägnant. 1-2 Sätze pro Card sind ideal. Verwende konkrete Sprache, keine Marketing-Floskeln.

🎯 Warum diese Section?

Ein guter Call-to-Action Button fängt den Besucher genau dann auf, wenn er überzeugt ist. Platziere ihn strategisch ein- oder mehrmals auf der Seite.

💡 Tipp

Der Text sollte eine konkrete Handlung beschreiben, nicht nur "Klick hier". Eher: "Jetzt Beratung sichern" oder "Angebot anfordern".

Live Theme Preview

Slogan / Headline (H1 im Bild)

Verkaufsargumente (max 4)

Call-to-Action Button Text

Logo (SVG/PNG)

Sticky Navigation aktivieren

Menü bleibt beim Scrollen oben haften.

Kontaktdaten & Impressum

Firmenname

Identifier-Slug

E-Mail

Telefon

Straße & Nr.

PLZ & Ort

Keine Templates für diese Kategorie gefunden.

✨ Auto-Palette Preset-Farben

Farb-Abstand (Analog)

°

Grundfarben

Hintergrundfarben

Textfarben

Google Font suchen & auswählen

verfügbare Schriften

Lade Fonts...

Früher wurde oft der Satz "Lorem ipsum dolor sit amet..." verwendet, der aus dem Lateinischen kommt.

Klingt fancy, oder? Aber das Ding ist, dass dieser Text keine wirkliche Bedeutung hat. Es sind einfach nur Buchstaben und Wörter, die so zusammengewürfelt sind, dass sie wie ein normaler Text aussehen. Aber man kann nichts Sinnvolles daraus ableiten.

WordPress Verbindung

Global Components (Skeletons, Patterns, Global Styles)

Structure

Skeletons

Patterns

Design

Structural Styles

Theme Styles

Sichern / Backup

Lade die aktuelle Konfiguration herunter.

Wiederherstellen

Lade eine Sicherung wieder in den Editor.

Datei (.json) laden