Für WordPress-Freelancer und Agenturen

Website Baukasten ohne Code, direkt in WordPress

Ein Website Baukasten ohne Programmierkenntnisse, den Sie übergeben können. Beschreiben Sie einen Abschnitt in einfacher Sprache, erhalten Sie native Blöcke und behalten Sie jede Datei.

Person baut eine Website am Laptop an einem hellen Holzschreibtisch, daneben Holzbausteine
Was Sie wirklich brauchen

Vier Aufgaben, die ein Baukasten ohne Code erfüllen muss

Die Anzahl der Vorlagen zählt wenig. Entscheidend ist, ob die Seite im zweiten Jahr noch funktioniert.

Seiten aus Abschnitten zusammensetzen

Helden-Bereiche, Raster, Preiszeilen und Formulare kommen als Blöcke, die Sie ohne Code-Editor verschieben, skalieren und gestalten können.

Ein konsistentes Design halten

Farben und Schriftskalen stammen aus theme.json. So passt eine neue Seite zu den alten, ohne dass jemand jeden Abstand von Hand prüft.

Ohne Neuaufbau wechseln

Das Layout liegt als Standard-Blockmarkup in Ihrem Theme. Wenn Sie Werkzeuge oder Hoster wechseln, kommen die Seiten mit.

Mehr als eine Sprache abdecken

Zweisprachige und rechtsläufige Websites brauchen gespiegelte Layouts und passende Schriften. Nur wenige Baukästen behandeln das als Grundfall.

So funktioniert es

Vom Briefing bis zur veröffentlichten Seite

Eine kurze Schleife, die in einem echten Kundenprojekt funktioniert, in der Reihenfolge, in der Sie sie selbst durchlaufen würden.

  1. 1

    Das Briefing in einfacher Sprache schreiben

    Beschreiben Sie den gewünschten Abschnitt: ein Leistungsraster, eine Preiszeile, einen Hero-Bereich mit einem Call-to-Action. Konkrete Angaben schlagen Adjektive.

  2. 2

    Pattern Forge die Blöcke entwerfen lassen

    Sie erhalten native Gutenberg-Blöcke auf der Arbeitsfläche, mit Farben aus Palette Librarian und Schriftskalen aus Type Rubric, gelesen aus Ihrer theme.json.

  3. 3

    Im Site Editor verfeinern

    Verschieben, umbenennen und gestalten. Diesen Teil ersetzt kein Generator, und hier zeigt sich Ihr Urteil.

  4. 4

    Veröffentlichen und übergeben

    Der Kunde bearbeitet dieselben Blöcke wie Sie. Zwischen ihm und seiner eigenen Startseite liegt keine proprietäre Schicht.

Visuelle Bearbeitung

Visuell bauen, ohne Abhängigkeit vom Anbieter

Der Reiz eines Baukastens ohne Code ist die Geschwindigkeit: Sie sehen die Seite während der Arbeit wachsen. Der Nachteil gehosteter Werkzeuge ist, dass das Layout dem Anbieter gehört. Unter WordPress bietet der Site Editor dasselbe Gefühl beim Anordnen per Drag-and-Drop, das Ergebnis ist aber schlichtes Blockmarkup in Ihrem eigenen Theme. Ein Entwickler kann es lesen, vergleichen und später korrigieren. Ein Kunde kann es bearbeiten, ohne Sie für jeden Tippfehler anzurufen.

  • Abschnitte im Site Editor visuell anordnen
  • Entwürfe aus einem Briefing in einfacher Sprache
  • Ausgabe ist Core-Blockmarkup, kein proprietärer Widget-Baum
Eine Seite drucken
Hände an einem Laptop, die farbige Inhaltsabschnitte in einem visuellen Editor anordnen
Rechts-nach-links

Zweisprachige Layouts, die sauber gespiegelt werden

Die meisten Leitfäden zu Baukästen ohne Code erwähnen Rechts-nach-links-Schrift mit keinem Wort, für Verlage im MENA-Raum entscheidet sie jedoch über das ganze Projekt. RTL Concordance schreibt logische CSS-Eigenschaften in jedes Muster, sodass sich ein englisches und ein arabisches Layout schon beim ersten Durchlauf spiegeln, ohne Überschreibungen für links und rechts. Prüfen Sie das mit echten arabischen oder hebräischen Texten, bevor Sie einem Kunden etwas versprechen, und rechnen Sie damit, auch die Schriften anzupassen, nicht nur die Schreibrichtung.

  • Logische CSS-Eigenschaften statt fest verdrahtetem links und rechts
  • Layouts mit echtem Arabisch und Hebräisch geprüft
  • Dasselbe Muster bedient beide Richtungen
Ihre Seite illuminieren
Zwei Tablets mit gespiegelten Layouts für Links-nach-rechts und Rechts-nach-links auf einem Schreibtisch
Ehrlicher Vergleich

Baukästen ohne Code im direkten Vergleich

Bewusst qualitativ. Preise ändern sich, prüfen Sie deshalb vor jeder Entscheidung die aktuelle Seite des Anbieters.

KriteriumWordPress-Blöcke mit noonwpGehostete BaukästenPage-Builder-Plugins
Wo das Layout liegtCore-Blockmarkup im ThemeInnerhalb der Plattform des AnbietersInnerhalb des Layoutsystems des Plugins
Umzug zu einem anderen HosterUnkompliziert, die Dateien gehören IhnenMeist ein Neuaufbau nötigMöglich, aber das Plugin muss mitziehen
LernkurveMittel, der Site Editor braucht einige TageGering, von der ersten Ansicht an geführtMittel, plugin-spezifische Gewohnheiten
Unterstützung für Rechts-nach-linksStandardmäßig logische CSS-EigenschaftenAbhängig von der VorlageOft manuelle Überschreibungen
Ideal fürAgenturen und Freelancer, die Seiten übergebenEinzelhändler mit einer Website und ohne UmzugspläneTeams, die bereits auf ein Plugin festgelegt sind
Preise

Kostenlos starten, zahlen, wenn es sich lohnt

Drei Stufen, monatlich abgerechnet.

Monk

$0 /Monat

Testen Sie es auf einer einzigen Website

  • Eine Website
  • Begrenzte monatliche Generierungen
  • Entwürfe mit Pattern Forge
  • Native Gutenberg-Ausgabe
Muster entwerfen

Abbey

$49 /Monat

Für Agenturen mit vielen Kundenseiten

  • Höhere Generierungsgrenzen
  • Mehrere Kundenseiten
  • Gemeinsame Musterbibliothek
  • Prioritäts-Support
Folio festlegen
Fragen

Häufige Fragen

Was ist ein Website Baukasten ohne Code?
Ein Werkzeug, mit dem Sie eine Website aus fertigen Abschnitten zusammensetzen, statt HTML, CSS oder PHP zu schreiben. Gehostete Baukästen wie Wix oder Squarespace tun das innerhalb ihrer eigenen Plattform. Unter WordPress bieten der Site Editor und Block-Muster denselben Arbeitsablauf ohne Code, mit Dateien, die Ihnen gehören.
Kann man unter WordPress eine komplette Website ohne Code bauen?
Ja. Seit dem Full Site Editing entstehen Kopfzeilen, Fußzeilen, Vorlagen und Seiten im Site Editor komplett aus Blöcken. Ab und zu berühren Sie noch die Einstellungen in theme.json, aber eine typische Broschüren- oder Dienstleistungswebsite braucht keinen handgeschriebenen Code.
Wie passt noonwp in einen Arbeitsablauf ohne Code?
noonwp entwirft die Blöcke für Sie. Pattern Forge macht aus einem Briefing in einfacher Sprache native Gutenberg-Muster, und Page Scribe entwirft ganze Seiten. Anschließend passen Sie alles im Site Editor an, sodass das Ergebnis Standard-Blockmarkup in Ihrem eigenen Theme ist.
Bedeutet ohne Code auch ohne Kontrolle?
Unter WordPress nicht. Ein gehosteter Baukasten verbirgt sein Markup, sodass sich das Layout nicht woanders hin mitnehmen lässt. Native Blöcke sind lesbares HTML, das in Ihrer Datenbank und Ihrem Theme gespeichert wird. Ein Entwickler kann sie später öffnen und das korrigieren, was der visuelle Editor nicht kann.
Wo liegen die Grenzen eines Baukastens ohne Code?
Eigene Logik, ungewöhnliche Integrationen und strikte Performance-Budgets brauchen meist etwas Code. Ein Baukasten ohne Code deckt Layout, Inhalt und Gestaltung gut ab. Für Formulare, Tracking und alles, was Kundendaten berührt, sollten Sie einen Entwicklerdurchgang einplanen.
Funktioniert das auch für arabische und hebräische Websites?
RTL Concordance schreibt logische CSS-Eigenschaften in jedes Muster, sodass sich Layouts ohne manuelle Überschreibungen für links und rechts spiegeln. Prüfen Sie das Ergebnis immer mit echten arabischen oder hebräischen Texten und kontrollieren Sie Schriften ebenso wie die Schreibrichtung, bevor Sie einem Kunden etwas zusagen.
Was kostet noonwp?
Monk ist kostenlos für eine einzelne Website mit begrenzten monatlichen Generierungen. Scribe kostet $12 im Monat, Abbey $49 im Monat. Testen Sie Monk zuerst an einer echten Seite, bevor Sie entscheiden, ob sich ein bezahlter Tarif lohnt.
Was passiert mit meiner Website, wenn ich nicht mehr zahle?
Nichts bricht. Muster sind als Core-Blockmarkup in Ihrem Theme gespeichert und werden auch ohne noonwp weiter angezeigt. Es gibt keine Laufzeitumgebung zurückzubauen, nur Dateien, die Ihnen bereits gehören.
Nächster Schritt

Eine Seite bauen. Den Baukasten beurteilen.

Nehmen Sie ein echtes Kundenbriefing, entwerfen Sie es mit Pattern Forge im kostenlosen Tarif und prüfen Sie, ob Sie die Seite übergeben würden.