Komponenten Themer Plugin

Das Component Themer Plugin ermöglicht es Redakteuren, Designern und Entwicklern, visuell zusammenzuarbeiten, wodurch die Notwendigkeit von Übergaben entfällt. Ob es um das Styling einzelner Schaltflächen oder die Verfeinerung ganzer Layout-Strukturen geht, das Plugin ermöglicht es jedem Beteiligten, direkt im CMS die Verantwortung für die visuelle Ebene zu übernehmen.

Müssen Sie ein visuelles Update schnell einführen? Aktualisieren Sie die Themeneinstellungen einer Komponente und sehen Sie sofort die Auswirkungen auf die gesamte Website. Möchten Sie eine neue Landing Page in einem leicht angepassten Design erstellen? Gehen Sie von einem bestehenden Layout aus, passen Sie die visuellen Stile mit wenigen Klicks an und veröffentlichen Sie sie mit gutem Gewissen.

Teams, die an mehrsprachigen oder themeübergreifenden Projekten arbeiten (z. B. light und dark mode), können mit dem Themer-Plugin eine responsive und themespezifische Styling-Logik definieren, die die Anforderungen an Markenkonsistenz und Barrierefreiheit erfüllt.

Das Component Themer Plugin ist ein wesentlicher Bestandteil der Vertex Forge-Erfahrung und ermöglicht eine echte visuelle Designkontrolle, die skalierbar ist.

Da kein Code erforderlich ist und eine Vielzahl von TailwindCSS-inspirierten Optionen zur Verfügung steht, bietet es professionelles Styling direkt im CMS. Gepaart mit Ihren globalen Themes und Presets gewährleisten Sie Konsistenz, Skalierbarkeit und Freude für Ihre Teams und Nutzer.

Definieren Sie Schriftfamilie, Größe, Zeilenhöhe, Schriftstärke, Buchstabenabstand, Farbe, Textausrichtung und vieles mehr je nach Thema oder Bildschirmgröße.

Wählen Sie einfarbige oder verlaufende Hintergrundfarben aus Ihrer globalen Theme-Palette. Fügen Sie Hintergrund-Opacity, Blend-Modi und vieles mehr für visuelle Tiefe hinzu.

Wenden Sie Designeffekte wie Blur, Sepia, Helligkeit, Kontrast und Schlagschatten an, um die Benutzeroberfläche modern zu gestalten.

Verwalten Sie Border-Breiten, Stile, Farben und Radien. Fügen Sie Ringeffekte und Abstände für die innere und äußere Umrandung hinzu, und vieles mehr.

Steuern Sie Padding, Margin und Gaps (den Abstand zwischen den Elementen) flexibel für jeden responsiven Breakpoint nach Bedarf.

Legen Sie fixe oder responsive Breiten und Höhen fest. Steuern Sie maximale und minimale Dimensionen für verschiedene Geräte.

Wählen Sie Anzeigeeinstellungen wie Block, Inline, Flex, Grid und Positionierungsoptionen wie relativ, absolut oder sticky.

Präzise Positionierung von Elementen in Flex- oder Grid-Containern, einschließlich Ausrichtung, Blocksatz, Umbruch und Anordnung.

Passen Sie das Verhalten des Tabellenlayouts, die Abstände und die Reaktionsfähigkeit für datenintensive Ansichten an.

Steuern Sie, wie Elemente in die Ansicht animiert werden oder auf Benutzerinteraktionen reagieren. Wenden Sie Effekte wie Verblassen, Drehen, Schrägstellung, Skalierung und Bewegung an.

Feinabstimmung interaktionsbezogener Eigenschaften wie Cursorstil, Scroll-Padding/Rand, Aussehen und Pointer Events.

Ändern Sie Füll- und Strichfarbe und -breite für Inline-SVG-Elemente für skalierbare Icons und Illustrationen.

Sie wollen noch mehr Kontrolle?

Fügen Sie Ihre eigenen benutzerdefinierten CSS-Klassen oder Inline-Stile direkt im Plugin hinzu, mit sofortiger visueller Rückmeldung, so dass Sie komplett von Ihrem Entwicklungsteam losgelöst, und eigenständig in der Lage sind jegliches Design zu ermöglichen.