Breakdance: Ein leistungsstarker Website-Builder für WordPress

Veröffentlicht: 2022-12-05

Während Ihrer Zeit mit WordPress sind Sie vielleicht auf den einen oder anderen Website-Builder gestoßen; aber vielleicht haben Sie ihren Wert noch nicht erkannt. Zweifellos ist WordPress eine erstaunlich flexible Plattform, aber das Erstellen komplexer Websites ist eine Herausforderung, wenn Sie kein erfahrener Entwickler sind. Oder Sie installieren am Ende eine Menge Plugins, um Ihre Vision zu verwirklichen. Hier kommt ein Website-Builder-Plugin ins Spiel.

Während die Auswahl eines guten Themas ein Ausgangspunkt sein kann, können Sie am Ende an ein bestimmtes Layout oder ein vorgegebenes System gebunden sein, das möglicherweise nicht Ihren Anforderungen entspricht. Ein guter Site-Builder ermöglicht es Ihnen, genau die Site zu erstellen, die Sie möchten, ohne sich in die Quere zu kommen.

Es gibt einige beliebte Website-Builder, die hilfreich sein können. Einige können jedoch kompliziert zu erlernen sein und erfordern dennoch eine Handvoll zusätzlicher Plugins – was manchmal dazu führt, dass Ihre Website langsamer läuft.

Es gibt einen neuen Website-Builder, den Sie sich ansehen sollten. Es ist einfach zu bedienen und hilft Ihnen, die gewünschte Website zu erstellen – direkt nach dem Auspacken. In diesem Artikel stelle ich Ihnen Breakdhttps://breakdance.com/ance vor und zeige Ihnen, wie einfach es sein kann, eine schöne, voll funktionsfähige Website zu erstellen.

Der Breakdance-Website-Baukasten

Breakdance ist eine neue Plattform, die Ihnen hilft, in WordPress zu erstellen, ohne ein bisschen Code zu kennen oder ein kompliziertes neues System zu lernen.

Screenshot des Breakdance-Website-Builders

Mit Breakdance können Sie direkt mit dem Bauen beginnen. Es ist eine voll funktionsfähige Plattform, die Folgendes bietet:

  • Über 120 Elemente mit einer Drag-and-Drop-Oberfläche
  • Vollständige Bearbeitung der Website
  • WooCommerce-Integration
  • Mega-Menü-Builder
  • Formularersteller
  • ACF- und Toolset-Integrationen
  • Fähigkeit, PHP, HTML, CSS und JavaScript zu schreiben

Design-Merkmale

Breakdance bietet Ihnen globale Styling-Steuerelemente, mit denen Sie Ihre gesamte Website visuell gestalten können. Die Plattform bietet Ihnen auch schöne, sofort einsatzbereite Standardeinstellungen. Wenn Anpassung nicht Ihre Stärke ist, dann sind Sie startklar!

SEO

Sie können HTML-Tags in Breakdance anpassen und es ist mit SEO-Plugins kompatibel. Sie können Yoast weiterhin verwenden!

Konvertierungen

Es ist nicht erforderlich, mehrere Plugins zu installieren, um Besucher zu konvertieren. Breakdance ist standardmäßig für Conversions optimiert.

Mit dem Breakdance-Plug-in gibt es viel zu entpacken, also lassen Sie uns näher darauf eingehen, wie man es verwendet.

Probieren Sie Breakdance kostenlos aus!

Wie man Breakdance verwendet

Zuerst helfe ich Ihnen, Breakdance zu finden und zu installieren. Dann zeige ich Ihnen, wie einfach es zu bedienen ist.

Breakdance installieren

Laden Sie zunächst das Breakdance-Plugin direkt von der Website herunter. Breakdance bietet eine kostenlose 30-Tage-Testversion an, sodass Sie kein Risiko eingehen, sich anzumelden und das Plugin zu installieren.

Navigieren Sie nach dem Herunterladen der Plugin-Zip-Datei zum Admin-Dashboard Ihrer WordPress-Site. Wählen Sie Plugins→Neu hinzufügen aus . Klicken Sie auf Plug-in hochladen und suchen Sie nach der gespeicherten ZIP-Datei. Klicken Sie auf Jetzt installieren und aktivieren Sie es dann.

Thema oder kein Thema?

Sobald Sie das Plugin aktivieren, sehen Sie den Einrichtungsassistenten. Es gibt Ihnen zwei Möglichkeiten: Design deaktivieren und Design beibehalten .

Screenshot des Breakdance-Website-Builder-Menüs

Dies liegt natürlich ganz bei Ihnen. Sie können Ihr vorhandenes Design beibehalten und das Aussehen Ihrer Website bleibt erhalten. Ihr Thema kann jedoch das Design von Breakdance-Elementen beeinflussen. Mein Vorschlag ist, Ihr vorhandenes Thema zu deaktivieren und Breakdance eine Chance zu geben. Dafür gibt es mehrere Gründe:

  1. Wenn Sie Breakdance verwenden, gestalten Sie Ihre gesamte Website. Das bedeutet, dass Sie die volle Kontrolle über Ihre Kopf- und Fußzeilen, Seiten, Archivseiten und sogar benutzerdefinierte Beitragstypen haben. Das ist echtes Full-Site-Editing, und es ist leistungsfähig. Wenn Sie ein Anfänger sind, sollten Sie wissen, dass Breakdance Sie mit einigen großartig aussehenden Standardeinstellungen beginnt. Sie müssen nicht von Grund auf neu bauen, wenn Sie nicht wollen.
  2. Das Deaktivieren Ihres Designs eliminiert die Möglichkeit einer Aufblähung des Designs. Dadurch läuft Ihre Website optimal, ohne Konflikte zwischen Ihrem Thema und der Breakdance-Plattform.

Für den Rest dieses Artikels gehe ich davon aus, dass Sie die weise Entscheidung getroffen haben, Ihr Design zu deaktivieren.

Aufbau Ihrer Website

Im linken Bereich Ihres WordPress-Adminbereichs finden Sie mehrere Elemente im Breakdance-Menü:

Heim

Dieser Bereich bietet Ihnen externe Links zur Benutzer-Community, Video-Tutorials, Support und Dokumentation.

Vorlagen

Sie können Vorlagen für WooCommerce-Produkte und -Archive, Single Post, Post Archive, 404, Suchergebnisse erstellen oder Ihre eigene benutzerdefinierte Vorlage hinzufügen.

Überschriften

Hier erstellen Sie Ihre Website-Header. Sie können mehrere Kopfzeilen haben, die auf bestimmten Seiten erscheinen.

Fußzeilen

Wie bei Kopfzeilen können Sie mehrere Fußzeilen in verschiedenen Bereichen Ihrer Website verwenden oder nur eine, die überall erscheint.

Globale Blöcke

Sie können globale Blöcke erstellen, die Sie überall auf Ihrer Website wiederverwenden können. Die Blöcke können aus beliebigen Elementen Ihrer Wahl bestehen.

Popups

Mit Breakdance können Sie Popups erstellen und dabei helfen, Besucher in Abonnenten oder Kunden umzuwandeln.

Formulareinreichungen

Wenn Sie ein Formular mit Breakdance erstellen – keine Notwendigkeit für externe Plugins – werden alle Formularübermittlungen hier aufgelistet.

Einstellungen

Es gibt mehrere Einstellungen, die Sie in Breakdance konfigurieren können. Dies ist auch der Bereich, in dem Sie auf Global Styles zugreifen können, was eine der herausragenden Funktionen der Plattform ist. Stellen Sie sich vor, Sie könnten die Ergebnisse globaler Änderungen auf Ihrer Website in einem visuellen Editor sehen.

Weitere Einstellungen sind:

  • Thema
  • WooCommerce
  • Benutzerzugriff
  • Wartungsmodus
  • Leistung
  • API-Schlüssel
  • Post-Typen
  • Fortschrittlich
  • Design-Bibliothek
  • Benutzerdefinierter Code
  • Werkzeug

Die meisten davon sind selbsterklärend, aber eines möchte ich besonders hervorheben. Die Leistungseinstellung ist ein mächtiges Werkzeug. Das Anpassen dieser Einstellungen kann die Ladegeschwindigkeit Ihrer Website erheblich verbessern, indem unter anderem unnötiges JavaScript und veralteter Code deaktiviert werden.

Screenshot des Breakdance-Leistungsmenüs

Nun, da Sie einen Grundriss haben, erstellen wir eine Kopfzeile und entwerfen ein einzelnes Seitenlayout.

Erstellen Sie eine Kopfzeile

Der Header ist ein entscheidender Teil jeder Website, also fangen wir dort an. Navigieren Sie im Breakdance-Menü zu Kopfzeilen und klicken Sie auf Kopfzeile hinzufügen .

Screenshot des Breakdance-Header-Menüs

Geben Sie einen Titel für Ihre Kopfzeile ein und wählen Sie den Ort aus, an dem sie angezeigt werden soll. Sie können auch Bedingungen hinzufügen, mit denen Sie spezifischere Orte auswählen können, an denen die Kopfzeile angezeigt wird. Sie können beispielsweise einen Header erstellen, der nur in Chrome- und Firefox-Browsern, nicht aber in Safari angezeigt wird.

Klicken Sie auf Speichern , und Ihre Kopfzeile wird in der Liste angezeigt. Klicken Sie auf In Breakdance bearbeiten , wodurch der visuelle Editor geöffnet wird. Wenn Sie oben links auf Hinzufügen klicken, wird ein Bedienfeld geöffnet, das Ihnen unzählige Elemente bietet, die Sie Ihrer Kopfzeile hinzufügen können.

Am einfachsten ist es, den Header Builder von Breakdance zu verwenden. Auf diese Weise müssen Sie sich keine Gedanken über das Hinzufügen von Abschnitten und Spalten machen, um das richtige Layout zu erhalten.

In meinem Beispiel möchte ich meiner Kopfzeile ein Logo hinzufügen. Im Panel scrolle ich nach unten und klicke auf Image . Von dort aus kann ich mein Logobild in der Medienbibliothek finden. Ich möchte nicht, dass es riesig ist, also wähle ich Medium unter Image Size .

Screenshot des Breakdance-Editors

Jetzt möchte ich sicherstellen, dass ich ein Navigationsmenü in meiner Kopfzeile habe, da es für meine Besucher sehr frustrierend wäre, wenn sie nicht auf meiner Website navigieren könnten. Ich kann einen WP-Menüblock hinzufügen, aber ich nehme die Menu Builder- Option von Breakdance, weil sie viel mehr Out of the Box bietet.

Screenshot des Breakdance-Editors

Es ist an dieser Stelle erwähnenswert, dass Sie oben rechts auf das Ebenensymbol klicken können, das ein praktisches Bedienfeld öffnet, das Ihnen die Struktur Ihrer Kopfzeile zeigt. Die Reihenfolge der Elemente können Sie per Drag & Drop anordnen.

Das von uns erstellte Menü muss natürlich bearbeitet werden. Sie können jedes der Navigationselemente bearbeiten, um es an Ihre bestimmte Site anzupassen. Diese Methode zeigt Ihnen auch, was möglich ist, wenn Sie mit einem anderen Header von vorne beginnen möchten.

Sie können auch das Viewer-Symbol verwenden, um zu sehen, wie Ihre Kopfzeile auf verschiedenen Geräten aussieht.

Wenn Sie fertig sind, klicken Sie auf Speichern und gehen Sie dann zu Ihrer Website, um die Kopfzeile in Aktion zu sehen.

Es gibt noch mehr, was Sie mit Breakdance tun können

Ich habe nur behandelt, wie man einen Header in Breakdance erstellt, und dies ist nur ein kleiner Ausschnitt dessen, was diese Plattform für Ihre Website tun kann. Hoffentlich können Sie sehen, wie einfach es ist, Elemente im Editor zu verwenden. Sie können praktisch jeden Aspekt Ihrer WordPress-Site gestalten. Im Wesentlichen gibt Ihnen Breakdance die Möglichkeit, Ihr eigenes Thema zu erstellen. Sie können sogar Ihr gesamtes Design speichern, um es auf anderen Websites zu verwenden.

Breakdance hostet eine Reihe von Tutorials auf YouTube, die Sie durch die Erstellung Ihrer Website führen. Es gibt auch eine Support-Community auf Facebook, auf die Sie kostenlos zugreifen können.

Preisgestaltung

Wie ich bereits erwähnt habe, gibt es für Breakdance eine risikofreie 30-Tage-Testversion. Sie können nach Herzenslust herunterladen, installieren und experimentieren. Danach kostet ein Jahresabonnement 349 $ pro Jahr. Zum Zeitpunkt der Veröffentlichung bieten sie jedoch 200 US-Dollar Rabatt an, was das Abonnement zu 149 US-Dollar pro Jahr macht.

Screenshot der Breakdance-Preisseite

Auch zum Neupreis ist Breakdance ein beachtlicher Wert. Folgendes bieten sie mit einem Abonnement an:

60 Tage Garantie

Nicht 100% zufrieden? Senden Sie uns eine E-Mail für eine Rückerstattung ohne Fragen.

Unbegrenzte Site-Lizenz

Verwenden Sie auf so vielen Websites, wie Sie möchten. Es gibt keine Grenzen.

Verwendung auf Kundenseiten

Ihre Lizenz beinhaltet die unbegrenzte Nutzung auf Kunden-Websites.

Premium-Support

Holen Sie sich Hilfe und Unterstützung direkt vom Breakdance-Team.

Breakdance ist ein solider und leistungsstarker Website-Builder

Wenn Sie nicht glücklich an ein WordPress-Theme gebunden waren und kein eigenes erstellen möchten, ist die Verwendung eines Website-Builders der richtige Weg. Es erfordert keine Programmierkenntnisse, um Ihre Website zu erstellen, und ist intuitiv zu bedienen. Wenn Sie ein Entwickler sind, gibt es viele Möglichkeiten, Ihre Fähigkeiten einzusetzen, um die Möglichkeiten einer Website zu erweitern, die auf Breakdance basiert.