Divi Layout Pack für MemberMouse - Tipps zur Installation und Bearbeitung

Divi ist eines der beliebtesten WordPress-Themes, und wir haben dieses Layout-Paket erstellt, um die gemeinsame Nutzung von Divi und MemberMouse zu erleichtern.

Die Installation des Layout-Pakets dauert nur ein paar Minuten, und danach können Sie Ihre MemberMouse-Website mit einem der beliebtesten Point-and-Click-Theme-Builder per Mausklick erstellen und bearbeiten.

In diesem Artikel erfahren Sie, wie Sie dieses kostenlose Divi-Layout-Paket installieren und auf dem Weg zur einfachen Anpassung sein können.

Warum Divi?

Wir wissen, dass der Aufbau einer schönen Mitgliederseite Zeit braucht. Und wir wissen, dass Zeit Geld ist. Wenn Sie sich für Divi als Ihr Theme können Sie Ihre Seiten ganz einfach bearbeiten und schnell ein gutes Aussehen und Gefühl bekommen. Darüber hinaus macht dieses Layout-Paket Ihre MemberMouse-Kernseiten responsive, was die Benutzerfreundlichkeit für Ihre mobilen Besucher verbessert.

Wichtiges Konzept:

Das "Divi Layout Pack für MemberMouse" ersetzt Deine standardmäßigen MemberMouse-Kernseiten durch moderne, responsive Divi-kompatible Seiten, die zu jeder Art von Mitglieder-Website passen. Nachdem Sie das Layout-Pack in Divi importiert haben, importieren Sie jedes Layout in die jeweilige Hauptseite.

Was ist inbegriffen? 

Das Paket enthält Layouts für jede Hauptseite sowie ein zusätzliches Layout für eine Seite mit Produkt- oder Mitgliedschaftsoptionen.

• Checkout-Seite
  
• Bestätigungs-/Dankeschön-Seite
  
• Fehlerseite
  
• Seite Passwort vergessen
  
• Login-Seite
  
• Logout-Seite
  
• Startseite für Mitglieder
  
• Seite "Mein Konto
  
• Seite Geschenk einlösen
  
• Seite Passwort zurücksetzen
  
• Save-the-Sale / Stornierungsseite
  
• Seite "Mitgliedschaftsoptionen" (Nicht-Kernseite)

[ DOWNLOAD DIVI LAYOUT PACK FOR MEMBERMOUSE ]

Anweisungen zur Einrichtung

Hier sind die genauen Schritte, die Sie benötigen, um mit diesem Divi Layout Pack loszulegen: 

1.) Um das Divi Pack verwenden zu können, muss das Divi Theme zuerst gekauft und auf Ihrer Website installiert werden. Wenn Sie das Divi Theme noch nicht haben, ist es erhältlich unter Elegant Themes hier.


2.) Herunterladen und entpacken Sie das Divi Layout Pack für MemberMouse.


3.) Suchen Sie in den entpackten Dateien den Inhalt der Datei custom.css Datei in Divi > Themenoptionen > Benutzerdefiniertes CSS. Dadurch erhalten die Vorlagenseiten Struktur und Design.


4.) Kopieren Sie die folgende Codezeile und fügen Sie sie in Divi > Theme-Optionen > Integration > Code zum Kopf hinzufügen:

<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400" rel="stylesheet">


5.) Importieren Sie die JSON-Datei in Divi > Divi-Bibliothek > Importieren und Exportieren.

Bitte beachten Sie, dass es sich um eine große Datei handelt und der Server je nach Konfiguration während des Imports ins Stocken geraten kann. Wenn Ihr Importversuch zu einer Zeitüberschreitung des Servers führt, wenden Sie sich bitte an Ihren Hoster oder sehen Sie in dessen Dokumentation nach, um upload_max_filesize und/oder post_max_size zu erhöhen.

6.) Als Nächstes werden Sie einen präventiven Schritt unternehmen wollen, um Ihre MemberMouse Hauptseiten bevor Sie mit Schritt 7 fortfahren. Um Ihre Hauptseiten leicht zu identifizieren, navigieren Sie im WordPress-Admin zu Seiten. Wählen Sie in den Dropdown-Filtern oben auf dem Bildschirm die Option Nur Hauptseiten anzeigen, um eine Liste aller in Schritt 8 benötigten MemberMouse-Kernseiten zu erhalten.

7.) Deaktivieren Sie das MemberMouse-Plugin. Dieser Schritt ist erforderlich, um die Funktionalität einiger Hauptseiten bei der Verwendung des Divi-Editors zu beenden.


8.) Gehe zu jeder MemberMouse-Kernseite aus Schritt 6 und importiere die jeweilige Divi-Layoutvorlage mit dem Divi builder > Layouts durchsuchen > Ihre gespeicherten Layouts.


9.) Sobald Sie den Import für jede Seite aus Schritt 8 abgeschlossen haben, aktivieren Sie das MemberMouse Plugin erneut.


10.) Verwenden Sie einen Testbenutzer, um zu prüfen, ob die Seiten auch mit den neuen Layouts wie erwartet funktionieren.

So bearbeiten oder entfernen Sie eine Vorlage 

In diesem Video werden drei Beispiele für die Bearbeitung von Vorlagen gezeigt, die Sie vornehmen können:

1. Bearbeiten, Entfernen oder Hinzufügen von Vorlagenblöcken
   
2. Wie man SmartTags™ mit dem Divi Builder bearbeitet, entfernt oder hinzufügt
   
3. Entfernen von Layoutpaketvorlagen

Nachdem Sie das Seitenlayout geladen haben, können Sie die Seite wie gewohnt mit Divi bearbeiten. Wenn Sie zum Beispiel SmartTags™ oder anderen Text in einem Abschnitt ändern möchten, doppelklicken Sie einfach auf den Text und nehmen Sie die Änderungen vor. Wenn Sie mit dem Laden des Layout-Pakets und der Bearbeitung fertig sind, können Sie auf die Schaltfläche "Speichern" in der rechten unteren Ecke des Bildschirms klicken.

Wenn Sie zum ursprünglichen Code für eine Hauptseite zurückkehren und die Formatierung des Layoutpakets entfernen möchten, können Sie die Standard-MemberMouse Hauptseitenvorlagen. Um eine Vorlage einzufügen, können Sie entweder den Code kopieren und einfügen, der in der Datei Vorlagen-Ordneroder gehen Sie auf die Seite MM-Vorlagen Dropdown-Menü oberhalb des WordPress-Inhaltseditors, wählen Sie die Hauptseitenvorlage, die Sie verwenden möchten, und klicken Sie auf das grüne Plus-Symbol.

Zusätzliche Ressourcen

Elegant Themes: Importieren und Exportieren von Divi Builder Layouts und Bibliothekssammlungen

Importieren und Exportieren von Divi Builder Layouts und Bibliothekssammlungen

Elegant Themes: Erste Schritte mit dem Divi Builder

Erste Schritte mit dem Divi Builder