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

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

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