So erstellen Sie eine Landing Page für Drupal 8 mit Display Suite

Einführung: Erstellen von Lösungen mit Drupal 8

Dieses Tutorial  zeigt, wie Sie das Display Suite-  Modul mit Drupal 8  für die Webseitenerstellung installieren und verwenden, mit einer Schritt-für-Schritt-Anleitung zur Website-Erstellung.

  • Problem: Neue Benutzer und unerfahrene Webentwickler benötigen eine einfache und benutzerfreundliche Möglichkeit, Landing Pages  in Drupal 8  für Websites mit dynamischen Inhalten zu erstellen.
  • Lösung:  Installieren Sie das Display Suite-  Modul für Site-Builder-Optionen und erstellen Sie eine benutzerdefinierte Drupal 8-  Website für soziale Netzwerke und E-Commerce-Anforderungen.

Display Suite  muss auf mehreren Browsern und Geräten getestet werden. Je nach installiertem Theme sind Abweichungen möglich. Wir wenden „Mobile First“-Strategien mit Drupal 8-  Themen an.

Lass uns anfangen.

Schritt eins:
Installieren Sie das Display Suite-Modul

Start:  Navigieren Sie zur drupal.org-Projektseite und laden Sie das Display Suite-  Modul herunter:

  • Download: https://www.drupal.org/project/ds

Als Nächstes:  Installieren Sie das Modul aus der ZIP-Datei oder verwenden Sie die URL im Bereich „/admin/modules“  .

So erstellen Sie eine Landing Page für Drupal 8 mit Display Suite

Fertig stellen:  Navigieren Sie zu /admin/structure/ds,  um auf den  Administrationsbereich der Display Suite zuzugreifen.

Schritt zwei:
Richten Sie ein Vorlagensystem für Landing Pages ein

Start: Im Admin-Bereich der Display Suite  können Sie benutzerdefinierte Vorlagen für jeden Inhaltstyp sowie für Taxonomiebegriffe  , Gruppen, Bestellungen, Benutzer, Profile und  Kommentare erstellen .

So erstellen Sie eine Landing Page für Drupal 8 mit Display Suite

Als nächstes:  Klicken Sie für jede Entität auf den Link „Anzeige verwalten“,  um benutzerdefinierte Vorlagen für jeden Inhaltstyp  oder andere Knoten, Blöcke usw. auf Ihrer Drupal 8  -Website einzurichten.

So erstellen Sie eine Landing Page für Drupal 8 mit Display Suite

Hinweis:  Das Display Suite-  Modul bietet Web-Publishern die Möglichkeit, benutzerdefinierte Vorlagen für ihre Drupal 8-  Inhalte zu erstellen, einschließlich benutzerdefinierter Felder mit Bildern, Text oder Unterstützung für eingebettete Dateien.

Fertigstellen:  Verwenden Sie die Display Suite-  Tools, um benutzerdefinierte Vorlagen für jeden Inhaltstyp zu erstellen . Erstellen Sie ein mehrspaltiges Design für Systemseiten und fügen Sie dann Ansichtsblöcke  und benutzerdefinierten Code zu den Panels hinzu.

Schritt drei:
Erstellen Sie Ansichtsblöcke für dynamische Inhalte

Start:  Das Display Suite- Modul funktioniert wie Panels & Blocks  in Drupal 8 und bietet Website-Erstellern die Möglichkeit, Ansichtsanzeigen  in Seitenelemente mit dynamischen Inhaltslisten einzubetten .

Als Nächstes:  Um dies zu erreichen, müssen Sie einige Ansichtsblöcke erstellen  , die in die Display Suite-  Vorlagenseiten eingebettet werden. Navigieren Sie zu /structure/views  und überprüfen Sie die verfügbaren Blöcke .

So erstellen Sie eine Landing Page für Drupal 8 mit Display Suite

Hinweis:  Verwenden Sie die benutzerdefinierte Blockbibliothek und andere installierte Tools, um dynamische Inhaltslisten für Display Suite zu erstellen  oder neue Ansichten  entsprechend den Anforderungen Ihrer Website zu erstellen.

Fertig stellen: Speichern Sie die Ansichtsblöcke und kehren Sie dann zu den Display Suite-  Vorlagenseiten zurück, um sie als Elemente zu verschiedenen spezifischen Bereichen Ihres Themes für Landing Pages hinzuzufügen .

Schritt vier:
Blockelemente in Display Suite anordnen

Beginnen Sie: Sehen Sie sich die verschiedenen Display Suite-  Vorlagen mit I-IV-Spaltenbreiten und unterschiedlichen Stapelkonfigurationen an, wählen Sie dann eine für jede Inhaltstypvorlage aus  und ordnen Sie die CCK-  Felder an.

So erstellen Sie eine Landing Page für Drupal 8 mit Display Suite

Hinweis:  Wählen Sie eine dieser Vorlagen für den Inhaltstyp „Seite“ und verwenden Sie dann das Framework als Grundgerüst, um Views Blocks , benutzerdefinierten Code in Blocks  oder Blöcke  aus Systemmodulen einzubetten.

Fertigstellen:  Verwenden Sie diese Display Suite  -Vorlagen, um Landing Pages  für Websites rund um Keyword-URLs zu erstellen, die vertikalen Suchverkehr auf organische Weise auf Ihre Website bringen.

Schritt fünf:
Zwischenspeichern Sie Landing Pages oder nutzen Sie einen CDN-Dienst

Optional: Ihre Drupal 8-Landingpages  mit Display Suite  werden für anonyme Benutzer immer schneller geladen, wenn Sie das Webseiten-Caching aktivieren und eine Verbindung zu einem CDN-  Dienst herstellen.

Weiter: Verwenden Sie das kostenlose Cloudflare-CDN-  Konto mit cPanel-  Hosting, um eine Verbindung zu einer Drupal 8-  Website herzustellen und Landingpages der Display Suite  nach Schlüsselwort-URL in Rechenzentren weltweit zwischenzuspeichern.

So erstellen Sie eine Landing Page für Drupal 8 mit Display Suite

Als nächstes:  Nachdem Sie Ihr kostenloses Cloudflare-CDN-  Konto aktiviert haben, fügen Sie die Domain mit den benutzerdefinierten Landingpages zum Dienst in cPanel hinzu und verwenden Sie das bereitgestellte Admin-Panel, um die Domain zu verwalten.

So erstellen Sie eine Landing Page für Drupal 8 mit Display Suite

Abschluss:  Je nach Webhosting- Dienst müssen Sie Ihre DNS-Servereinstellungen möglicherweise manuell auf Cloudflare CDN ändern  , oder die cPanel  -App schaltet dies automatisch für Sie um.

Fazit: Verwenden Sie Keyword-URLs und Social-Media-Bilder

Display Suite  bietet Drupal 8-  Web-Publishern eine Reihe leistungsstarker Vorlagen, die mit Blöcken angepasst werden können, um Landing Pages zu erstellen. Verwenden Sie Cloudflare CDN,  um diese noch schneller zu laden.

Schauen Sie sich diese drei Top-Drupal-Hosting-Dienste an:

Kamatera
4.8

141 Benutzerbewertungen

4,00 $ /Monat
Startpreis

Besuchen Sie Kamatera

Bewertung basierend auf Expertenbewertung
  • Benutzerfreundlich
    3.5
  • Unterstützung
    3,0
  • Merkmale
    3.9
  • Zuverlässigkeit
    4,0
  • Preisgestaltung
    4.3
Hostinger
4.6

2.435 Nutzerbewertungen

2,99 $ /Monat
Startpreis

Besuchen Sie Hostinger

Bewertung basierend auf Expertenbewertung
  • Benutzerfreundlich
    4.7
  • Unterstützung
    4.7
  • Merkmale
    4.8
  • Zuverlässigkeit
    4.8
  • Preisgestaltung
    4.7
FastComet
4.8

1.588 Nutzerbewertungen

1,79 $ /Monat
Startpreis

Besuchen Sie FastComet

Bewertung basierend auf Expertenbewertung
  • Benutzerfreundlich
    4.7
  • Unterstützung
    5,0
  • Merkmale
    4.8
  • Zuverlässigkeit
    4.5
  • Preisgestaltung
    5,0
  • Möchten Sie Top-Empfehlungen zum besten Hosting erhalten ? Klicken Sie einfach auf diesen Link!