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!

Das Divi Theme für Selbstständige: Schritt-für-Schritt zur professionellen Website

Das Divi Theme für Selbstständige: Schritt-für-Schritt zur professionellen Website

Das Divi Theme ist die perfekte Lösung für Selbstständige und kleine Unternehmen, die eine professionelle Website ohne Programmierkenntnisse erstellen möchten. Mit dem benutzerfreundlichen Drag-and-Drop-Editor, umfangreichen Vorlagen und responsivem Design bietet Divi alles, was du für einen erfolgreichen Online-Auftritt brauchst.

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