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

So verbergen Sie die OneTap-Symbolleiste im Page Builder-Modus

8 min gelesen
  • Soforthilfe mit KI
  • BETA

Allgemein

Anpassen

Support

Support

Funktionen, nach denen Sie gefragt haben

Funktion anfordern

Letzte Aktualisierung Juli 2025

Anleitung

So verbergen Sie die OneTap-Symbolleiste im Page Builder-Modus (Elementor, Bricks, Oxygen …)

Wenn Sie OneTap zusammen mit einem visuellen Seitenersteller wie Elementor, BricksBuilder oder Oxygen verwenden, möchten Sie möglicherweise die Barrierefreiheitssymbolleiste während der Bearbeitung ausblenden, damit sie die Designoberfläche nicht beeinträchtigt.

So verbergen Sie das OneTap-Widget in der Builder-Vorschau mithilfe eines einfachen CSS-Snippets.

Kopieren und fügen Sie das CSS für den von Ihnen verwendeten Builder ein

  • Wordpress-Dashboard
  • Design
  • Konfigurator
  • Benutzerdefinierte CSS
  • Code kopieren und einfügen

Elementor

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. 
				
					/* Elementor Builder */
body.elementor-editor-active .apop-container-toggle {
  display: none !important;
}

Ziegelbauer

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. 
				
					/* Bricks Builder */.bricks-is-editing .onetap-container-toggle {display: none !important;}

Sauerstoff Builder

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. 
				
					/* Oxygen Builder */.oxygen-builder-body .onetap-container-toggle {display: none !important;}

WPBakery

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. 
				
					/* WPBakery (Visual Composer) */
body.vc_editor .apop-container-toggle {
  display: none !important;
}

Beaver Builder

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. 
				
					/* Beaver Builder */
body.fl-builder-edit .apop-container-toggle {
  display: none !important;
}

Divi Builder

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. 
				
					/* Divi Builder */
body.et-fb .apop-container-toggle {
  display: none !important;
}

Erfolgreicher Architekt

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. 
				
					/* Thrive Architect */
body.tve_editor_page .apop-container-toggle {
  display: none !important;
}

SiteOrigin Page Builder (Backend-Vorschau)

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. 
				
					/* SiteOrigin Page Builder (Backend Preview) */
body.siteorigin-panels-live-editor .apop-container-toggle {
  display: none !important;
}

SeedProd Landingpage-Builder

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. 
				
					/* SeedProd Landing Page Builder */
body.seedprod-builder-active .apop-container-toggle {
  display: none !important;
}