Sehr oft werden Sie Seiten erstellen, die Handlungsaufforderungen enthalten. Eines der Hauptmerkmale von Handlungsaufrufen sind Schaltflächen. Standardmäßig bietet Divi für jede Schaltfläche einen gemeinsamen Stil. Es ist daher ganz normal, dass Sie ihnen einen Stil geben möchten, der dem Ihrer Marke entspricht.

In diesem tutriel Divi werde ich Ihnen zeigen, wie Sie den Buttons Ihrer Website einen einzigartigen Stil verleihen können.

Divi-Schaltflächen sind stufenlos anpassbar

Der Theme Customizer ist mit allen Schaltflächenanpassungsoptionen ausgestattet, die Sie möglicherweise nützlich finden. Durch die Verwendung dieser anpassbaren Steuerelemente können Sie einzigartige und beeindruckende Schaltflächen für Ihre erstellen Website.

Um mit dem Anpassen der Schaltflächen auf Ihrem zu beginnen Website, müssen Sie zuerst auf den Customizer von zugreifen Themen indem Sie auf den Link klicken Divi> Theme Customizer in Ihrem WordPress-Dashboard. Klicken Sie dann auf das Bedienfeld "Schaltflächen", um die Schaltflächeneinstellungen anzuzeigen. Die Schaltflächeneinstellungen sind in zwei Abschnitte unterteilt: Schaltflächenstile und Schaltflächen-Rollover-Stile.

Personalisierung von sboutons divi.png

Schaltflächenstil

Hier können Sie das allgemeine Erscheinungsbild Ihrer Schaltflächen mithilfe der verschiedenen Customizer-Steuerelemente anpassen. Sie können den Text und die Hintergrundfarbe Ihrer Schaltflächen ändern, die Schriftgröße und den Stil der Schaltfläche anpassen und mit dem Schieberegler Rand-Radius sogar abgerundete Schaltflächen erstellen. Darüber hinaus können Sie die in den Schaltflächen verwendete Standardschriftart und das Standard-Symbol ändern.

Anpassen von buttons.png

Stationärer Flugstil

Sie können auch den Hover-Stil der Schaltfläche anpassen. Wenn Sie einen anderen Schwebestil als den normalen Schaltflächenstil verwenden, wird der Effekt beim Schweben übertragen, wodurch eine schöne Animation entsteht. Diese Animation wird ausgelöst, wenn die Besucher mit der Maus über die Schaltfläche fahren.

Tastenkonfiguration bei overflight.png

Das ist alles für dieses Tutorial. Ich hoffe, Sie können damit die Schaltflächen auf Divi anpassen.