Breakdance 2.7 verbessert die Frontend-Zugänglichkeit, führt Slider-Synchronisierung und Element-übergreifende Slider-Steuerelemente ein, bietet WP-CLI-Unterstützung, reduziert die Plugin-Größe um 50 %, fügt automatische Vervollständigung und Unterstützung für benutzerdefinierte Eingabeattribute für Formularfelder hinzu, führt separate reguläre WooCommerce- und Verkaufspreis-dynamische Datenfelder ein, verbessert die Plugin-Kompatibilität und enthält Korrekturen und Verbesserungen für verschiedene Funktionen.
Erhebliche Verbesserungen der Barrierefreiheit
Mehrere Elemente geben jetzt ein besseres Markup für Screenreader aus und respektieren die Präferenzen für reduzierte Bewegung, und ein neuer Link zum Überspringen ermöglicht es Tastaturbenutzern, über die Kopfzeile hinaus zu springen.
Zum Hauptinhaltslink springen
Breakdance fügt zur Einhaltung von WCAG 2.4.1 einen Link „Zum Hauptinhalt springen“ hinzu. Der Link bleibt verborgen, bis ein Tastaturbenutzer die Tabulatortaste drückt und ihn dann über die Kopfzeile hinaus zum Hauptinhalt springen lässt. Aktivieren Sie es unter Breakdance → Einstellungen → Erweitert. Bei Neuinstallationen ist es standardmäßig aktiviert. Gestalten Sie es unter Globale Stile → Andere → Link überspringen.
Reduzierte Bewegungs- und ARIA-Verbesserungen bei allen Elementen
- Slider respektieren reduzierte Bewegung für Autoplay und Slide-Übergänge.
- Testimonial-Sternebewertungen und Symbollisten kennzeichnen dekorative Symbole als „Aria-hidden“.
- Suchformularsteuerelemente verwenden echte Schaltflächen mit den richtigen Beschriftungen.
- Die Beitragsliste fügt barrierefreie Weiterlesebezeichnungen sowie optionalen Bild-Alternativtext basierend auf den Beitragstiteln hinzu.
- Filterleistenberichte
aria-selectedauf der aktiven Schaltfläche.
Synchronisieren Sie mehrere Slider miteinander und steuern Sie jeden Swiper mit Tasten
Swiper-basierte Elemente können jetzt miteinander synchronisiert und mit Schaltflächen von überall auf der Seite gesteuert werden.
Synchronisieren Sie mehrere Swiper-Schieberegler
Swiper-basierte Elemente umfassen jetzt einen Schalter „Mit einem anderen Slider synchronisieren“ und ein Dropdown-Menü „Slider to Sync“, das andere Slider auf der Seite auflistet. Wenn Sie einen auswählen, bleiben die beiden Schieberegler im Frontend synchron.
Schaltflächen können jedes Slider-Layout steuern
Die Schaltflächenaktion „Schieberegler steuern“ erkennt jetzt Galerie- und WooCommerce-Produktlistenelemente, wenn sie auf das Schieberegler-Layout eingestellt ist. Auf diese Weise können Sie die Schaltflächen „Weiter/Zurück“ mit jedem Swiper-basierten Element auf der Seite verbinden, nicht nur mit dedizierten Schiebereglerelementen.
WP-CLI-Unterstützung für Automatisierung und DevOps
Breakdance wird jetzt mit WP-CLI-Befehlen für allgemeine Verwaltungsaufgaben wie Cache-Löschen, URL-Ersetzung und Einstellungsverwaltung ausgeliefert.
Cache-Verwaltung und URL-Ersetzung
Löschen Sie Breakdance-Caches und führen Sie URL-Ersetzungen direkt über die Befehlszeile aus.
Einstellungen Import/Export und Lizenzverwaltung
Importieren und exportieren Sie Einstellungen, aktivieren oder deaktivieren Sie Lizenzen, schalten Sie das Design um und rufen Sie den Systemstatus ab, ohne den WordPress-Administrator zu berühren.
Zusätzliche Befehle umfassen die Verzeichnisverwaltung, Soft- und Total-Resets sowie die i18n-POT-Dateigenerierung. Laufen wp breakdance oder schauen Sie sich unsere Dokumente an, um die vollständige Liste zu sehen.
Formularverbesserungen an Feldern, Schaltflächen und Eingabeattributen
Formularfelder unterstützen jetzt die automatische Vervollständigung des Browsers und benutzerdefinierte Eingabeattribute über einen Entwickler-Hook, und Formularschaltflächen unterstützen voreingestellte Stile.
Formularschaltflächen unterstützen jetzt Voreinstellungen
Die Schaltflächen „Senden“, „Stepper“ und „Datei hochladen“ in den Formularen „Form Builder“, „Anmelden“, „Registrieren“, „Passwort vergessen“ und „Kommentar“ unterstützen jetzt primäre, sekundäre und voreingestellte Stile.
Formularfelder unterstützen die automatische Vervollständigung des Browsers
Formularfelder verfügen jetzt über eine Einstellung für die automatische Vervollständigung auf der Registerkarte „Erweitert“. Stellen Sie Werte ein wie email, nameoder tel Daher schlagen Browser die richtigen Daten vor, wenn Benutzer das Formular ausfüllen.
Entwickler-Hook für benutzerdefinierte Eingabeattribute
Das Neue breakdance_form_field_input_attributes Mit Hook können Entwickler zusätzliche Attribute für jedes Formularfeld ausgeben.
Verbesserungen der Plugin-Kompatibilität
Breakdance lädt seine Assets jetzt über Standard-WordPress-Hooks, anstatt die Seitenausgabe zu erfassen und zu ersetzen. Dadurch wird die Kompatibilität mit Plugins behoben, die auf dem normalen Laden von WordPress-Vorlagen basieren, einschließlich MemberPress, SureForms und TranslatePress.
MemberPress ReadyLaunch-Kompatibilität
MemberPress ReadyLaunch-Bildschirme werden jetzt auch dann korrekt gerendert, wenn Breakdance-Vorlagen aktiv sind.
Kompatibilität des TranslatePress-Editors
Breakdance überspringt jetzt seine Vorlagenüberschreibung, wenn der TranslatePress-Editor aktiv ist, sodass der Übersetzungseditor auf Seiten, die Breakdance-Vorlagen verwenden, einschließlich benutzerdefinierter Beitragstypen wie Produkte, korrekt geladen wird.
Vorlagenüberschreibungssteuerung für Entwickler
Ein neues breakdance_should_override_template Mit dem Filter können Entwickler verhindern, dass Breakdance Vorlagen auf bestimmten Seiten überschreibt. Zurückkehren false aus dem Filter, um stattdessen die ursprüngliche Vorlage rendern zu lassen.
Shop-Filter und Widgets-Dropdown-Menüs werden im Builder jetzt korrekt angezeigt
Es wurde eine Regression behoben, die während des Beta-Zyklus 2.7 eingeführt wurde und bei der die Shop-Filter- und Widgets-Elemente im Builder leere Dropdowns anzeigten. Ihre Dropdown-Steuerelemente werden nun wieder wie erwartet gerendert.
Unbegrenzte Websites
Breakdance Pro + AI-Paket
Um die Veröffentlichung von Breakdance 2.7 Final zu feiern, können Sie unser spezielles Breakdance Pro + AI-Paket für 249 $/Jahr erwerben. Das Angebot endet am 25. April
Leistungsverbesserungen
Plugin-Downloadgröße um 50 % reduziert
Die Plugin-Zip-Größe sank von 12,3 MB auf 6,0 MB, indem Quellkarten, Testsuiten, Sperrdateien und andere Entwicklungsartefakte aus Produktions-Builds entfernt wurden.
Schnelleres Builder-Rendering für Scroll-Animationen
Das Scroll-Animationsattribut verwendet jetzt eine direkte Eigenschaftssuche anstelle der Twig-Vorlagenauswertung, wodurch eine vollständige Vorlagenanalyse pro Element im Builder vermieden wird.
Neue dynamische Datenpunkte
ACF-URL-Felder dienen als Hintergrundbilder
Als dynamische Hintergrundbilder festgelegte ACF-URL-Felder werden jetzt korrekt im Frontend angezeigt, einschließlich externer Bild-URLs.
Individuelle WooCommerce-Preisfelder
WooCommerce stellte zuvor ein einzelnes Produktpreisfeld bereit, das reguläre Preise und Sonderangebote kombinierte. Dynamische Daten umfassen jetzt separate Felder für den regulären Produktpreis und den Produktverkaufspreis, sodass Sie nur den Preis ausgeben können, den Sie benötigen. Das ursprüngliche kombinierte Feld wird in „Produktpreisspanne“ umbenannt.
Verstecken Sie die Designbibliothek vor Kunden
Eine neue Einstellung verbirgt die Menüelemente der Designbibliothek im WordPress-Administratormenü. Wenn diese Option aktiviert ist, sind die angezeigten Designsätze auf „Diese Website“ oder den zuletzt importierten Satz beschränkt. Die Admin-Bildschirme sind weiterhin direkt über die URL erreichbar.
Verstecken Sie die Designbibliothek im Builder
Eine separate Einstellung verbirgt die Benutzeroberfläche der Designbibliothek im Builder. Die Bibliothek ist weiterhin verfügbar, nur versteckt.
Weiterleitung von Mauerwerkslayouts nach dem Laden der Bilder
Auf Mauerwerk basierende Listen lösen jetzt eine Weiterleitung aus, wenn das Laden der Bilder abgeschlossen ist (über imagesLoaded), sodass sich Elemente beim ersten Rendern nicht überlappen oder falsche Lücken hinterlassen.
Blick nach vorn
Wir evaluieren die Breakdance-Preise für die Zukunft (möglicherweise in der Nähe von Breakdance 3.0). Obwohl noch nichts endgültig festgelegt ist und es noch kein konkretes Datum gibt, kann nicht garantiert werden, dass die aktuellen Tarife ewig gültig sind.
Bestandskunden sind auf der sicheren Seite: Aktive Abonnements laufen auf unbestimmte Zeit zum ursprünglich festgelegten Tarif weiter. Wenn Sie jetzt ein Abonnement erwerben, bleibt Ihr Verlängerungspreis gleich, auch wenn die Preise später steigen.
Unbegrenzte Websites
Breakdance Pro + AI-Paket
Um die Veröffentlichung von Breakdance 2.7 Final zu feiern, können Sie unser spezielles Breakdance Pro + AI-Paket für 249 $/Jahr erwerben. Das Angebot endet am 25. April
Änderungsprotokoll
Hinzugefügt
- Barrierefreiheitslink „Zum Hauptinhalt springen“ (WCAG 2.4.1), bei Neuinstallationen standardmäßig aktiviert.
- Verbesserungen der Barrierefreiheit bei Schiebereglern und Elementen (reduzierte Bewegung für Autoplay und Übergänge, Arienbeschriftungen und Schaltflächensemantik).
- Sichtbarkeitseinstellungen der Designbibliothek in Admin und Builder.
- Dynamische Datenfelder für den regulären WooCommerce-Preis und den Verkaufspreis.
- Schieberegler-Synchronisierungssteuerelemente für Swiper-basierte Elemente.
- Die Aktion „Schieberegler steuern“ der Schaltfläche umfasst Galerie- und WooCommerce-Produktlistenelemente im Schieberegler-Layout.
breakdance_should_override_templateFilter für Entwickler zur Steuerung von Vorlagenüberschreibungen.- Autovervollständigungseinstellung für Formularfelder und
breakdance_form_field_input_attributesHaken für Entwickler. - WP-CLI-Befehle zum Löschen des Caches, zum Ersetzen von URLs, zum Importieren/Exportieren von Einstellungen, zur Lizenzverwaltung, zum Umschalten des Designs und zum Systemstatus.
- Voreingestellte Schaltflächenstile für Formularelemente (Form Builder, Anmelden, Registrieren, Passwort vergessen, Kommentar).
Behoben
- Popups werden jetzt im Frontend korrekt gerendert und verhalten sich korrekt (2.7-Regression behoben).
- Shop-Filter und Widgets-Dropdown-Menüs werden im Builder jetzt korrekt angezeigt (2.7-Regression behoben).
- Die Slider-Synchronisierung funktioniert jetzt korrekt mit Miniaturansichten und Controller-Modi (behobene 2.7-Regression).
- Das Mauerwerkslayout wird jetzt korrekt neu angezeigt, nachdem durch „Mehr laden“ neue Beiträge hinzugefügt wurden.
- Skip-Links wickeln globale Blöcke nicht mehr in Post-Loops mit zusätzlichen Haupt-Tags ein.
- Der Schnellstart-Onboarding-Assistent wird jetzt korrekt geladen (2.7-Regression behoben).
- Der Importdialog der Designbibliothek folgt jetzt korrekt der Scrollposition.
- Breakdance-Vorlagen unterbrechen die Ausgabe von TranslatePress und MemberPress ReadyLaunch nicht mehr.
- Mauerwerkslayouts werden beim Laden der Bilder weitergeleitet, um Überlappungen und Lücken zu vermeiden.
- Benutzerdefinierte Bildgrößen werden zuverlässig und ohne Größenänderungsfehler generiert.
- Als dynamische Hintergrundbilder festgelegte ACF-URL-Felder werden jetzt im Frontend gerendert.
- Laden Sie weitere Aktualisierungen des Schaltflächenstils sofort in der Builder-Vorschau.
- Der Stapelindikator spiegelt die wahre Layoutrichtung wider.
- Benutzerdefinierte Dropdown-Pfeilsymbole von Menu Builder werden in der Builder-Vorschau korrekt angezeigt.
- Formular-Webhook-Aktionen melden 4xx-HTTP-Fehler korrekt, anstatt den Erfolg anzuzeigen.
- Temporäre Verzeichnisse werden bei der Überprüfung automatisch neu erstellt und verhindern so falsche Warnungen „fehlende Verzeichnisse“ nach Serverneustarts.
- Das Bedienfeld „Einstellungen“ bleibt zugänglich, wenn Sie globale Stile auf der Seite „Einstellungen“ bearbeiten.
- Das Kontrollkästchen „Wrapper-HTML-Tag deaktivieren“ von Element Studio behält seinen gespeicherten Zustand nach dem Neuladen.
- Modale Vorlagenbedingungen scrollen innerhalb des Ansichtsfensters, wenn viele Bedingungen hinzugefügt werden.
- Quick Navigator löscht das Suchfeld nach dem Seitenwechsel.
- Das PHP-Dynamic-Data-Feld verarbeitet die Array-Klammersyntax in Codefragmenten korrekt.
- Dynamische Datenfeldattribute bleiben nach dem Neuladen des Builders bearbeitbar.
- Beim Umbenennen von Elementen im Strukturfenster werden Leerzeichen beim Tippen korrekt registriert.
- Die WooCommerce-Seite „Meine Kontoadressen“ wird im richtigen Layout angezeigt.
- Nonce-Transienten sammeln sich für Nicht-Builder-Benutzer nicht mehr an und durch das Upgrade werden vorhandene Einträge bereinigt.
- Das Pulse Dot-Element behält seine Größe in flexiblen Behältern.
- Das Element „Bild mit Zoom“ verarbeitet transparente Bilder, ohne dass die vergrößerte Version durchscheint.
- Die globale Inline-Bearbeitung von Blöcken bleibt auf langsamen Servern synchron und verarbeitet leere Blöcke und nicht gespeicherte Änderungen korrekt.
- Der Operand „Ist keiner von“ der Bedingung „Hat Taxonomie“ funktioniert in Vorlagenbedingungen und Post-Loop-Abfragen korrekt.
- Filterleistensätze
aria-selectedauf die aktive Filterschaltfläche für unterstützende Technologien. - Der Galerieelement-Leuchtkasten funktioniert ordnungsgemäß, wenn der Typ „Mehrfach“ verwendet wird.
Geändert
- Swiper wurde von v8 auf v12 aktualisiert
- Der Produktpreis wird jetzt als Produktpreisspanne für kombinierte Preise gekennzeichnet.
- Der Einstellungstext für den Leistungsdebugger verdeutlicht die ausschließliche Verwendung zur Fehlerbehebung.
- Der AnalyticsWP-Hinweis entfernt die Erwähnung der kostenlosen Version.
- Onboarding- und Home-Fußzeilen verwenden das X-Branding und den neuen Link.
- Der Warntext für benutzerdefinierte Abfragen stellt klar, dass die Gesamtzahl der Beiträge gleich oder größer als die Beiträge pro Seite sein muss.
- Die Überschreibungen der WooCommerce-Vorlage wurden für die Kompatibilität mit WooCommerce 10.x aktualisiert.
- Die Plugin-Zip-Größe wurde von 12,3 MB auf 6,0 MB reduziert, indem Quellkarten und Entwicklungsartefakte ausgeschlossen wurden.
- Das Scroll-Animationsattribut verwendet im Builder die direkte Suche nach Eigenschaften anstelle der Twig-Auswertung.
- Die Bildlaufleisten im dunklen Builder-Modus passen zum dunklen Design unter macOS und Windows.