Anleitung: Divi-Akkordeons standardmäßig geschlossen (Divi Accordions all closed)

[lwptoc]

In dieser Anleitung zeige ich dir, wie alle Divi-Akkordeons alle geschlossen werden (Divi Accordions all closed).

Standardmäßig wird beim Divi Akkordeon-Modul das erste Akkordeon geöffnet haben, wenn die Seite geladen wird. Um alle Akkordeons beim Laden der Seite im geschlossenen Zustand zu halten, befolge diese Schritte:

Für spezifische Akkordeon-Module:

  • Gehe zu den Einstellungen des jeweiligen Akkordeon-Moduls.
  • Wähle „Erweitert“ aus.
  • Füge folgende benutzerdefinierte CSS-Klasse hinzu: my_accordion.
  • Gehe zum WordPress-Dashboard > Divi > Theme-Optionen > Integration > Abschnitt <head> und füge dieses Skript hinzu
<script>
jQuery(document).ready(function() {
    jQuery('.et_pb_module.et_pb_accordion.my_accordion .et_pb_accordion_item.et_pb_toggle_open').addClass('et_pb_toggle_close').removeClass('et_pb_toggle_open');
});
</script>

Für alle Akkordeon-Module auf Ihrer Website:

Gehe zu Theme-Optionen > Integration > Abschnitt <head> und fügen Sie dieses Skript hinzu:

<script>
jQuery(document).ready(function() {
    jQuery('.et_pb_module.et_pb_accordion .et_pb_accordion_item.et_pb_toggle_open').addClass('et_pb_toggle_close').removeClass('et_pb_toggle_open');
});
</script>

Dadurch werden alle Akkordeon-Module auf deiner Website geschlossen, ohne dass eine benutzerdefinierte CSS-Klasse definiert werden muss.

Tool-Tipp:

Folgende Apps nutze ich in meinem Blog. Zu den meisten dieser Apps findest du auf meinem YouTube-Kanal oder direkt hier eine ausführliche Review.

Keyword-Strategie: WriterZen, LongTailPro, Link Assistant
Content-Erstellung: Frase, StoryChief, Bramework, NeuronWriter
Optimierung Pagespeed: WP Rocket, ShortPixel
Optimierung Conversion: Convertbox
Sicherheit: WPVivid

Du suchst nach einer Lösung für dein Marketing, deiner SEO- oder Content-Strategie? Dann schau auch gern in meiner Akademie vorbei: Businesserfolg.de

Deine Meinung ist gefragt!

Hat dir der Artikel gefallen? Oder fehlt etwas?
Hinterlasse mir gern einen Kommentar!

Wie du mit ChatGPT eine Website baust

Wie du mit ChatGPT eine Website baust

ChatGPT hilft dir beim Website-Bau! Der KI-gestützte Chatbot von OpenAI bietet schnelle, effiziente Unterstützung bei der Content-Erstellung und Design-Anpassungen, sodass auch ohne besondere Programmierkenntnisse beeindruckende Webseiten entstehen können.

Hosting

Hosting

Worauf man beim Hosting achten sollte (Test Shared vs. Premium-Hosting) und wie das Hosting die Ladezeit einer Website beeinflusst (Test: Hosting und Performance) habe ich bereits zuvor besprochen. Hier meine Tipps zum...

Platz für deinen Kommentar!

0 Kommentare

Einen Kommentar abschicken

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Neue Themes

Neu: Scroll-Effekte, WooCommerce-Module u.v.m.

Galerie

Workshops

Workshops, Academy, Magazin, Masterclass

Starten

Geschenkt

Handbuch WordPress,
Workshop SEO & Marketing

Download

Überblick

Galerie

Features

Preise