Schließen Sie sich 50,000 Unternehmen an und machen Sie Ihre Website barrierefrei 1-Klick-Installation
Holen Sie sich OneTap
Preise
Ein blaues, abgerundetes Quadrat zeigt eine stromlinienförmige schwarze menschliche Figur, die für Inklusivität und Benutzerfreundlichkeit steht. Rechts daneben erscheint das Wort „OneTap“ in fetten, dunklen Buchstaben mit hohem Farbkontrast für optimale Lesbarkeit. Das klare Design sorgt für klare Erkennbarkeit und stellt sicher, dass alle Nutzer den Fokus der Marke auf Barrierefreiheit leicht erkennen können.
Login
Holen Sie sich OneTap

Anpassen des Symbolleistensymbols

7 min gelesen
  • Soforthilfe mit KI
  • BETA

Allgemein

Anpassen

Support

Support

Funktionen, nach denen Sie gefragt haben

Funktion anfordern

Letzte Aktualisierung Juli 2025

Anleitung

Wir haben auf Ihre Feedback und diese Funktion auf vielfachen Wunsch hinzugefügt.

Anpassen des Symbolleistensymbols

Sie können das OneTap-Symbolleistensymbol jetzt vollständig anpassen, damit es besser zum Design Ihrer Website passt.
Die Einstellungen finden Sie in Ihrem WordPress-Dashboard unter: 

  • Dashboard
  • OneTap
  • Einstellungen
  • Design
Ein Benutzer navigiert durch eine WordPress-Symbolleiste für Barrierefreiheit mit großen, deutlich beschrifteten Symbolen. Er wählt aus mehreren Optionen sein bevorzugtes Symbol für Barrierefreiheit aus, passt die Symbolgröße mit einem einfachen Schieberegler an und wählt einen fetten Rahmen für bessere Sichtbarkeit. Sobald er mit seiner Auswahl zufrieden ist, sucht er die gut sichtbare Schaltfläche „Änderungen speichern“ in der unteren linken Bildschirmecke und drückt sie, um die Änderungen zu übernehmen.

Möchten Sie die Symbolgröße in Pixeln anpassen?

Bitte wählen Sie das kleinste verfügbare Symbol Größe in Ihren Einstellungen.
Fügen Sie anschließend den folgenden CSS-Code in Ihre WordPress-Seite ein. Sie können den width, heightsowie padding Werte, um die Symbolgröße genau nach Ihren Wünschen einzustellen.

  • Wordpress-Dashboard
  • Design
  • Konfigurator
  • Benutzerdefinierte CSS
  • Code kopieren und einfügen
Vor tiefschwarzem Hintergrund sind links drei kräftige Kreise – rot, gelb und grün – gleichmäßig in einer vertikalen Linie angeordnet. Jeder Kreis hebt sich durch seine kräftige Farbe und scharfen Kanten deutlich ab und erinnert an Ampeln oder Bedienknöpfe, wodurch er leicht zu erkennen ist. Rechts daneben steht „CSS“ in großen weißen Großbuchstaben in einer klaren serifenlosen Schrift, die für hohen Kontrast und gute Lesbarkeit sorgt. Die Anordnung ähnelt einer Barrierefreiheits-Symbolleiste, die vielen WordPress-Nutzern vertraut ist: Übersichtliche, gruppierte Steuerelemente mit klarer Beschriftung unterstützen die Navigation für Nutzer mit unterschiedlichen Bedürfnissen. 
				
					
.apop-container-toggle .apop-toggle img.design-size1 {
  padding: 5px !important;   /* Adds 5px of inner spacing around the icon */
  width: 40px !important;    /* Sets the icon width to exactly 40px */
  height: 40px !important;   /* Sets the icon height to exactly 40px */
}