Divi: Das beste WordPress-Theme aller Zeiten!

Mehr 901.000 Downloads, Divi ist das beliebteste WordPress-Theme der Welt. Es ist vollständig, einfach zu bedienen und enthält mehr als 62-freie Vorlagen.

In den letzten Jahren wurden dem Divi-Thema viele nützliche und leistungsstarke Funktionen hinzugefügt. Und einige dieser Funktionen könnten Sie interessieren, ohne dass Sie es merken. Tatsächlich verstecken sie sich gerade an einem gewöhnlichen Ort (vielleicht eine großartige Überlebenstaktik, aber unglücklich). Deshalb werde ich mit Ihnen über diese Funktionen sprechen, die Sie wahrscheinlich nicht kennen.

1 - Rechtsklick-Optionen

So funktioniert es: Klicken Sie einfach mit der rechten Maustaste auf einen beliebigen Abschnitt des Divi Builder.

Klicken Sie mit der rechten Maustaste auf den Divi-Konstruktor

Obwohl ich nicht über alle Rechtsklickoptionen schwebe, möchte ich auf einige Optionen hinweisen, auf die nur zugegriffen werden kann, wenn Sie mit der rechten Maustaste klicken. Dies ist einfach zu praktisch, um nicht besprochen zu werden. 'Eine Rezension.

2 - Sperren

Als Administrator haben nur Sie die Möglichkeit, bestimmte Objekte zu sperren. Dies ist eine bequeme Möglichkeit, um zu verhindern, dass Ihre Redakteure den Inhalt ändern, den Sie behalten möchten. Es schützt Sie auch vor versehentlichen Änderungen an einem wichtigen Abschnitt.

Inhaltssperre

3 - Reduzieren und umbenennen

Ich verwende diese beiden Optionen gerne in Kombination, weil ich längere Webseiten erstelle. Ich weiß nichts über dich, aber ich bin es wirklich leid, nach oben und unten zu scrollen, um die Abschnitte zu finden, die ich bearbeiten muss. Aus diesem Grund verwende ich die Option, um große Teile meiner Webseite zu komprimieren, die abgeschlossen wurden. Nach dem Einfügen benenne ich den Abschnitt mit der rechten Maustaste in eine erkennbare Administratorbezeichnung um.

4 - Deaktiviert Dropdown-Links der obersten Ebene

Ort: Divi → Optionen → Navigation → Allgemeine Einstellungen

Ändern Sie die Optionen der Links des Divi-Menüs

Erstellen Sie ganz einfach Ihre Website mit Elementor

Mit Elementor können Sie erstellen Einfach und kostenlos jedes Website- oder Blog-Design mit einem professionellen Look. Hören Sie auf, viel für eine Website zu zahlen, die Sie selbst erstellen können.

Um es klar auszudrücken, sind die Dropdown-Menü-Links der obersten Ebene die primären übergeordneten Links, die im Navigationsmenü sichtbar bleiben. Untergeordnete Links werden angezeigt, nachdem Sie den Mauszeiger über den übergeordneten Link der obersten Ebene bewegt haben.

Durch Deaktivieren der Links im Dropdown-Menü der obersten Ebene sind diese Links keine anklickbaren Links mehr. Stattdessen können sie als nicht anklickbarer Platzhalter dienen, der Ihre Unterlinks markiert und organisiert.

Angenommen, Sie erstellen eine Website für ein Unternehmen, das drei Hauptdienste anbietet, und jeder dieser Dienste benötigt eine eigene Seite. Ein normales Setup wäre ein Link der obersten Ebene mit dem Namen " DIENSTLEISTUNGEN ”Mit den drei Arten von Diensten als Untermenüpunkte. Anstatt einen Link auf der Hauptseite hinzuzufügen " DIENSTLEISTUNGEN Sie können den Link deaktivieren " DIENSTLEISTUNGEN Auf der obersten Ebene und verwenden Sie es einfach als Organisationsetikett.

Organisation von WordPress-Menüs

5 - Scrollen zu einem Anker

Sie möchten Ihre Produkte im Internet verkaufen?

Laden Sie WooCommerce kostenlos herunter, die besten E-Commerce-Plugins, um Ihre physischen und digitalen Produkte auf WordPress zu verkaufen und ganz einfach Ihren Online-Shop zu erstellen. Perfekt für Anfänger.

Speicherort der Funktion: Divi → Optionen → Navigation → Allgemeine Einstellungen

Scrollen zu einem Divi-Anker

Wenn Sie jemals versucht haben, einen Anker von einer externen Seite direkt mit einer CSS-ID zu verknüpfen, haben Sie möglicherweise festgestellt, dass die Platzierung der Seite nicht ganz korrekt ist. Manchmal ist es zu niedrig, sodass ein Teil des Inhalts oben abgeschnitten wird.

So sieht mein Bildschirm aus, nachdem ich meine CSS-ID mit einer externen Seite verbunden habe. Sie können es nicht sehen, aber der Titel des Abschnitts wurde abgeschnitten.

Abschnitt schneiden CSS-Kennung

Durch Aktivieren der alternativen Docking-Bildlaufmethode wird dieses Problem behoben. Dadurch wird der Benutzer nicht nur an die richtige Stelle versetzt, sondern der obere Rand der Seite wird zuerst geladen, bevor zur CSS-ID gescrollt wird. Ich finde dies nützlich für Benutzer, die sich in dieser abrupten Anzeige verlieren können, bevor sie feststellen, dass sie einen Teil der Seite betrachten.

Divi alternative Bildlaufmethode

6 - Versteckt das Logo auf dem Handy

Speicherort: Divi → Theme Customizer → Mobiles Format → Mobiles Menü

Wenn Sie jemals Ihr Logo auf dem Handy verstecken müssen, macht Divi es sehr einfach. Aber es ist eine dieser Optionen, die leicht zu übersehen ist. Sparen Sie Zeit, indem Sie diese Funktion anstelle von CSS-Code verwenden.

Logo auf Divi-Handys ausblenden

7 - Dropdown-Animation im Haupt- und Untermenü

  • Funktionalität für das Hauptmenü: Divi → Theme Customizer → Kopfzeile und Navigation → Hauptmenüleiste> Dropdown-Menüanimation
  • Funktionalität für das sekundäre Menü: Divi → Theme Customizer → Kopfzeile und Navigation → sekundäre Menüleiste -> Dropdown-Menüanimation.

Dropdown-Animation für das Wordpress-Menü

Sie müssen sich nicht mit der Standard-Fade-Animation für Ihre Dropdown-Menüs zufrieden geben. Der Abschnitt Animation des Dropdown-Menüs bietet vier Optionen:

  • Fondue-Animation
  • Animationsentwicklung
  • Dia-Animation
  • Laufende Animation

Das ist alles für diesen Funktionsumfang, den Sie möglicherweise nicht über Divi kennen. Ich hoffe, sie helfen Ihnen, Ihr Thema besser anzupassen.

Laden Sie DIVI jetzt herunter

[vc_row center_row = "yes"] [vc_column width = "1/2"] [vcex_button target = "blank" layout = "erweitert" align = "center" font_family = "Raleway" font_weight = "700" style = "flat" custom_background = "# 18b69d" custom_hover_background = "# 118d7a" custom_color = "#ffffff" custom_hover_color = "#ffffff" icon_right = "fa fa-download"] DIVI-THEMA HERUNTERLADEN [/ vcex_button] [/ width_column] [»vc_col] vc_column] 1/2 ″] [vcex_button url = "https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&url=40632&tid1=tutorials" target = "blank" layout = "expanded" align = "center "font_family =" Raleway "font_weight =" 700 "style =" flat "custom_background =" # c4226e "custom_hover_background =" # 8d184f "custom_color =" #ffffff "custom_hover_color =" #ffffff "icon_right =" fa fa-download "] DOWNLOAD TEMPLATES DIVI [/ vcex_button] [/ vc_column] [/ vc_row]

Andere Divi Tutorials

21 Aktien
Aktie11
tweet5
Registrieren5