So erstellen Sie eine Landing Page für Drupal 8 mithilfe von Themenbereichen

Einführung

Diese Lernprogramm wird zeigen, wie man es benutzt Drupal 8 Themenregionen mit Menüs, Blöcke, & Ansichten Erstellen von Zielseiten für eine Website basierend auf Keyword-URLs.


  • Problem: Was ist der beste Weg, um benutzerdefinierte Blöcke zu erstellen Startseiten im Drupal 8? Wie zu positionieren Blöcke auf Startseiten und fügen Sie CSS-Stile oder benutzerdefiniertes JavaScript hinzu?
  • Lösung:Drupal 8 Verlage, die die Komplexität erhöhen müssen Startseiten kann herum bauen Blöcke mit Ansichten und fügen Sie benutzerdefinierten HTML / PHP-Code in D8 Admin hinzu.

Um den Kern herum bauen Seite Knoten oder erstellen Block Veröffentlichungsstrategien mit dynamischen Inhalten für Blog & Artikel Knoten sind Optionen, die zusammen mit verwendet werden können Startseiten.

Lass uns anfangen.

Erster Schritt: Installieren & Konfigurieren Sie das PathAuto-Modul.

Das PathAuto Modul für Drupal 8 arbeitet mit sauberen URLs, um SEO-freundliche Pfadstrukturen für Knoten zu generieren. PathAuto Verwendet die Schlüsselwörter aus Seitentiteln, um die URL zu erstellen, was zu einem höheren Seitenrang in Suchmaschinen führt. PathAuto kann auch für die Unterstützung konfiguriert werden Inhaltstypen mit benutzerdefinierten URL-Schlüsselwörtern wie / Artikel / Seitentitel oder / Blogs / Seitentitel.

So erstellen Sie eine Landing Page für Drupal 8 mithilfe von Themenbereichen

Zuerst: Installieren und aktivieren Sie die PathAuto Modul in / admin / modules zusammen mit den Abhängigkeitsmodulen cTools & Zeichen per Datei-Upload oder durch Eingabe des Pfades in Drupal 8 Verwaltung.

Hinweis: Wenn Ihre Site eine Rolle für Administratoren hat, stellen Sie sicher, dass Sie die Modulberechtigungen für festlegen PathAuto um die Editorunterstützung zu aktivieren.

So erstellen Sie eine Landing Page für Drupal 8 mithilfe von Themenbereichen

Nächster: Navigieren Sie zu / admin / config / search / path / settings und überprüfen Sie die Einstellungen. Definieren Sie dann Site-weite Muster für die URL-Struktur mit PathAuto beim / admin / config / search / path / pattern Verwenden eines Schlüsselworts, um den Inhaltstypen zu entsprechen.

  • Stellen Sie für den Inhaltstyp “Artikel” das Pfadmuster auf: Artikel / [Knoten: Titel]
  • Stellen Sie für den Inhaltstyp “Blog” das Pfadmuster auf: Blog / [Knoten: Titel]

Fertig: Nehmen Sie sich etwas Zeit, um eine Website-weite URL-Strategie für SEO, Blocks, zu entwickeln, & Navigationsmenüs durch Festlegen der Pfadmuster für Inhaltstypen, Foren, & Taxonomie Begriffe.

So erstellen Sie eine Landing Page für Drupal 8 mithilfe von Themenbereichen

Andere Token, die für die Konfigurationseinstellungen verwendet werden können, sind:

  • Foren: Forum / [Knoten: Titel] & Forum / [Begriff: Name]
  • Taxonomie Tags: Tags / [Begriff: Name]
  • Benutzerprofil: Benutzer / [Benutzer: Kontoname]
  • Startseiten & Navigation: [Knoten: Titel]

Debugging: Wenn die “Verfügbare Token” Das Popup-Fenster wird bei der Auswahl nicht angezeigt Mustertypen auf der die Einstellungen Seite, gehe zu Performance und deaktivieren Sie die JavaScript-Aggregation.

Schritt 2: Erstellen Sie eine beliebige Inhaltstypseite.

PathAuto wird jetzt so konfiguriert, dass automatisch URLs für veröffentlichte Seiten wie Blogs, Artikel, Foren usw. erstellt werden, die Informationen enthalten, an die weitergegeben werden kann Drupal 8 Blöcke.

  • Beim Erstellen Blog Seiten wird die URL-Struktur sein: / blog / site-title-for-seo
  • Beim Erstellen Artikel Seiten wird die URL-Struktur sein: / articles / text-title-for-post

Nächster: Gehe zu / node / add und neuen Artikel erstellen & Blog-Beiträge für Ihre Website. Navigieren Sie dann zu Blöcke Abschnitt bei / admin / struktur / block & Klicken Sie auf “Benutzerdefinierte Blockbibliothek” Tab.

So erstellen Sie eine Landing Page für Drupal 8 mithilfe von Themenbereichen

Nächster: Klicken Sie auf die Schaltfläche “Benutzerdefinierten Block hinzufügen”. Auf technischer Ebene kann Ihr Block HTML- oder PHP-Code enthalten und für Text, Bilder oder andere Einbettungen wie Videos verwendet werden.

Nächster: Erstellen und speichern Sie die Block. Navigieren Sie dann zurück zu Blocklayout Tab. Du solltest dein neues sehen Block in beiden Abschnitten des Administrationsabschnitts aufgeführt.

So erstellen Sie eine Landing Page für Drupal 8 mithilfe von Themenbereichen

Fertig: Überprüfen Sie die Regionen blockieren verfügbar in Ihrem Drupal 8 Thema & klicken “Place Block” um Ihr benutzerdefiniertes Design zur Anzeige hinzuzufügen.

Schritt 3: Fügen Sie der Seite einen neuen Block nach URL hinzu.

Das Drupal 8 Block Die Konfigurationsseite enthält alle Einstellungen, die für eine fein abgestimmte Platzierung von Designelementen auf CMS-Seiten nach Code, URL oder Inhaltstyp erforderlich sind.

Nächster: In diesem Beispiel werden wir verschiedene Blöcke auf Artikeln platzieren & Blogseiten gemäß der oben erstellten URL-Struktur mit PathAuto.

So erstellen Sie eine Landing Page für Drupal 8 mithilfe von Themenbereichen

Nächster: Überprüfen Sie die Block Konfigurationseinstellungen und klicken Sie auf “Seiten” Tab. Fügen Sie die URL hinzu / blog / * auf die Konfiguration, damit der Block auf allen Blogseiten der Website angezeigt wird.

Fertig: Wiederholen Sie den Vorgang von Anfang an und erstellen Sie eine zweite neue Block in der Bücherei. Positionieren Sie dann den Block im selben Themenbereich und fügen Sie die URL hinzu /Artikel/* zu den Einstellungen.

Bei dieser Lösung sollten sich zwei benutzerdefinierte Blöcke im selben Seitenleistenbereich des Themas befinden, wobei auf allen ein Block angezeigt wird Blog Seiten, & Ein Block wird auf allen angezeigt Artikel Seiten.

Schritt 4: Erstellen von Ansichtsblöcken für dynamischen Inhalt.

Mit Drupal 8, Sie können benutzerdefinierte Blöcke verwenden, um Ihren Website-Seiten beliebige Inhalte wie Bilder, Videos oder Inhalte hinzuzufügen Google AdSense Code & Erstellen Sie gezielte Kampagnen auf Website-Abschnitten.

Hinweis: Verwenden Sie für erweiterte Anzeigen mit dynamischen Inhalten aus Ihrem eigenen CMS Ansichten Blöcke um den Filter mit dem gleichen zu erstellen PathAuto Konfigurationsmethode für die Platzierung.

So erstellen Sie eine Landing Page für Drupal 8 mithilfe von Themenbereichen

Hinweis: Mit Ansichten, Sie können benutzerdefinierte Listen mit dynamischen Inhalten aus E-Commerce-Katalogen, Foreninhalten oder Blog-Posts erstellen. Verwenden Vorschaubilder & Knotentitel für Links zu Inhalten.

Schlussfolgerung: Verwenden Sie Keyword-URLs für Block Publishing.

Gibt an, ob Sie benutzerdefinierte Blöcke erstellen möchten Drupal 8 mit HTML / PHP-Code oder verwenden Ansichten Stellen Sie zum Filtern von dynamischen Inhalten aus der Datenbank sicher, dass Sie die Option verwenden PathAuto-URL Einstellungen für die Platzierung. Mit dieser Option können Sie benutzerdefinierte Werbung auf verschiedenen Inhaltstypen oder Website-Abschnitten schalten.

Schauen Sie sich diese Top 3 Drupal Hosting Services an:

ChemiCloud

Startpreis:
2,76 $


Verlässlichkeit
10


Preisgestaltung
9.9


Benutzerfreundlich
9.9


Unterstützung
10


Eigenschaften
9.9

Bewertungen lesen

Besuchen Sie ChemiCloud

Hostinger

Startpreis:
0,99 $


Verlässlichkeit
9.3


Preisgestaltung
9.3


Benutzerfreundlich
9.4


Unterstützung
9.4


Eigenschaften
9.2

Bewertungen lesen

Besuchen Sie Hostinger

A2 Hosting

Startpreis:
$ 3,92


Verlässlichkeit
9.3


Preisgestaltung
9.0


Benutzerfreundlich
9.3


Unterstützung
9.3


Eigenschaften
9.3

Bewertungen lesen

Besuchen Sie A2 Hosting

Verwandte Anleitungen

  • So erstellen Sie eine Landing Page für Drupal mithilfe von Panels?
    mittlere
  • So erstellen Sie eine Landing Page für Drupal 8 mit Display Suite
    Neuling
  • So richten Sie ein Benutzerforum in Drupal 8 ein?
    Neuling
  • So erstellen Sie eine animierte Diashow in Drupal 8
    mittlere
  • Wie installiert man & Verwenden Sie Twitter Bootstrap als Drupal 8-Theme
    Neuling
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me