Last Updated on 11/10/2021 by MTE Leben
In diesem Tutorial erfahren Sie, wie Sie das Bewertungs-Widget gestalten.
Nachdem Sie Ihr Bewertungs-Widget erstellt und angepasst haben, können Sie seine Stileinstellungen ändern, um Ihr eigenes Layout zu erstellen. Navigieren Sie zur Registerkarte Stil und suchen Sie die folgenden Blöcke:
Klicken Sie auf Titelblock. Hier können Sie die Titelfarbe (zB #12a4e2), die Hintergrundfarbe (rgba(110,193,228,0.4)), die Padding- und Margin-Parameter einstellen und die Titelausrichtung auswählen. Sie können auch Rahmen hinzufügen, wenn Sie möchten, und dessen Breite, Farbe und Radius festlegen.
Klicken Sie auf das Typografie-Bearbeitungssymbol und stellen Sie die gewünschten Werte ein.
So sieht der Titel unseres Bewertungs-Widgets in dieser Phase aus.
Klicken Sie nun auf den Felder-Block. Hier können Sie das Feld mit den Überprüfungswerten abhängig vom zuvor ausgewählten Layouttyp ändern. Sehen wir uns jeden von ihnen genauer an.
Anpassung der Felderbox
Feldbox ermöglicht es, den Bereich des Widgets mit den vorgestellten Labels zu versehen. Sie können hier Rahmen hinzufügen und die am besten geeigneten Optionen auswählen.
Etikett
Hier können Sie Farbe und Typografie von Bewertungsetiketten ändern.
Wert
Diese Option funktioniert, wenn Sie die Option Punkte oder Prozent auf der Registerkarte Inhalt > Feldeinstellungen > Layout ausgewählt haben. Hier können Sie Ihren Wertparameter gestalten: Wählen Sie Farbe, Typografie, Hintergrundfarbe, ändern Sie die Einstellungen für Padding und Margin, fügen Sie Rahmen hinzu und gestalten Sie ihn.
Hier ist, was wir haben.
Sterne-Bewertung
Wenn Sie das Bewertungslayout des Widgets als Sterne auf der Registerkarte Inhalt ausgewählt haben, müssen Sie dies verwenden blockieren, um sich zu stylen. Hier können Sie die Größe der Sterne einstellen, indem Sie den Schieberegler bewegen oder einen numerischen Wert eingeben, die Farbe der gefüllten und leeren Sterne auswählen und den Abstand zwischen den Sternen einstellen.
Hier ist, was wir haben.
Fortschrittsstile
Wenn Sie die Option Punkte oder Prozent auf der Registerkarte Inhalt ausgewählt haben, können Sie jetzt den Stil anpassen Aussehen des Fortschrittsbalkens. Wählen Sie Höhe, legen Sie Farben fest, fügen Sie Rahmen hinzu und ändern Sie bei Bedarf die Parameter Padding und Margin.
Hier ist, was wir haben.
Anpassung des Zusammenfassungsfelds
Klicken Sie auf den Zusammenfassungsblock und suchen Sie nach Feldern, die für die Anpassung verfügbar sind.
Zusammenfassungstitel und Zusammenfassungsinhalt
Hier können Sie Farb- und Typografieoptionen auswählen.
Zusammenfassungsfeld
In diesem Schritt müssen Sie die Parameter Hintergrundfarbe, Ausrichtung, Auffüllung und Rand auswählen, fügen Sie bei Bedarf Rahmen hinzu.
Hier ist, was wir haben.
Anpassung des Felds „Summary Average“
Klicken Sie auf den Block „Summary Average“ und suchen Sie nach Feldern, die für die Anpassung verfügbar sind.
Legende und Wert
Hier können Sie Farb- und Typografieoptionen auswählen
Hier können Sie Hintergrundfarbe, Ausrichtung, Padding- und Randparameter auswählen und bei Bedarf Rahmen hinzufügen .
Sterne-Bewertung
Wenn Sie Sterne ausgewählt haben, die im Feld Summendurchschnitt angezeigt werden sollen, können Sie diese in diesem Block anpassen. Ändern Sie die Sterngröße, indem Sie den Schieberegler bewegen oder einen numerischen Wert einstellen, wählen Sie Farben für leere und gefüllte Sterne, ändern Sie den Abstand zwischen ihnen.
Fortschrittsstile
Wenn Sie die Option Fortschrittsstil auf der Registerkarte Inhalt > Block Zusammenfassungseinstellungen aktiviert haben, haben Sie Optionen, um ihn aktiv zu gestalten. Hier können Sie die Fortschrittshöhe einstellen, die Fortschritts-Leinwandfarbe und die Fortschrittsbalkenfarbe hinzufügen, die Parameter Padding und Margin einstellen und bei Bedarf einen Rand hinzufügen.
Endlich, hier ist, was wir haben!
Herzlichen Glückwunsch! Jetzt wissen Sie, wie Sie das JetReviews-Widget gestalten und können Ihre eigenen erstaunlichen Widgets erstellen!
