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

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 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!

GetTerms – Dein All-in-One Tool für Cookie Consent & Datenschutz!

GetTerms – Dein All-in-One Tool für Cookie Consent & Datenschutz!

https://youtu.be/XMYLo7TMsIY Cookie-Banner, Datenschutzerklärung, Impressum — das sind keine sexy Aufgaben. Trotzdem sind sie Pflicht. Ich habe früher Stunden damit verbracht, Texte zu schreiben, Cookie-Listen zu pflegen und Banner so einzustellen, dass sie nicht...

Die ultimative Anleitung zur Anpassung deiner WooCommerce Dankeseite

Die ultimative Anleitung zur Anpassung deiner WooCommerce Dankeseite

Die Anpassung Ihrer WooCommerce Dankeseite ist entscheidend für die Kundenbindung und Umsatzsteigerung. Personalisierte Dankeseiten bieten exklusive Rabatte, Produktempfehlungen und soziale Teilungsoptionen, um das Einkaufserlebnis zu verbessern und Cross-Selling zu fördern. Entdecken Sie in unserem Artikel die besten Tools und Strategien zur Optimierung Ihrer Dankeseite.

Eine schrittweise Anleitung zum Testen Ihrer Website

Eine schrittweise Anleitung zum Testen Ihrer Website

Wenn Sie eine Website entwickeln, ist das Testen ein sehr wichtiger und abschließender Prozess. Dabei werden die Entwicklungsqualität, die Leistung und relevante Verbesserungsvorschläge überprüft. Wir haben alle nützlichen Informationen zum Testen einer Website...

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.

Platz für deinen Kommentar!

0 Kommentare

Einen Kommentar abschicken

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

Autor: Marco Linke

 Gründer von Designers Inn

Marco arbeitet seit 2011 mit WordPress. Er unterstützt Selbstständige und Unternehmen dabei, Websites zu erstellen, Inhalte überzeugend zu präsentieren und über SEO, Content Marketing und Social Media neue Kunden zu gewinnen. Mit Designers Inn betreute er bereits über 30.000 Kunden rund um WordPress-Themes, Website-Aufbau und sicheres Online‑Marketing. Sein Fokus: praxisnahe Tipps, klare Strategien und umsetzbare Anleitungen – ohne Technik‑Chaos.

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