Erstellen Sie in vier einfachen Schritten ein Menü für Vokabular in Drupal 8

E-Commerce ist das Schlagwort der heutigen Zeit. Es hat es den Menschen erfolgreich ermöglicht, einzukaufen, ohne ihre Komfortzone verlassen zu müssen. Die Besuchererfahrung reibungslos zu gestalten, ist Teil der UX. Menüs werden daher erstellt, um die Produkte zu kategorisieren. 

Die umfangreiche Liste wird in Drupal als Vokabular bezeichnet. In diesem Blog erstellen wir ein Menü für das Vokabular in Drupal 8 am Beispiel von SUVs.

Den Begriff entschlüsseln: Was ist Vokabular?

Vokabular ist die Stammdomäne für die Taxonomie. Dies sind die Begriffe, die als Klassifikator für die Domäne dienen. Agenturen verwenden Vokabular, um die Entitäten bei der Entwicklung ihrer Anwendungen in einem einzigen Block zusammenzufassen.

Drupal eignet sich für den E-Commerce und ermöglicht Vokabular durch Taxonomie, die jetzt Teil des Kerns ist. Das Modul ermöglicht es Ihnen, den gesamten Inhalt der Webseite in Drupal zu beschreiben. Es hilft, Begriffe in TV, Geräte, Elektronik, Haus, im Grunde alles, was Sie wollen, zu kategorisieren. 

In Drupal müssen Sie zuerst ein Vokabular erstellen. Wir verwenden das Beispiel von Autos.  Jedes Auto fungiert als Name des Vokabulars und die Arten von Autos fallen unter die Begriffe. Das Bild unten erläutert die Kategorisierung von Autos besser. 

Warum ein Menü wählen?

Menüs helfen uns, zur gewünschten Seite zu navigieren. 

Um ein Menü für jede Art von Vokabular zu erstellen, müssen wir zuerst unser Vokabular in das Menü integrieren. Und dann die oben genannten Pakete installieren. 

Das Taxonomy_menu-Modul verwaltet den Integrationsprozess des Menüs und das Vokabular wird durch die Taxonomie erstellt, um ein Menü wie das untenstehende Bild zu erstellen. 

Es gibt mehrere Voraussetzungen, bevor die Taxonomien verwendet werden können.

Wenn wir ein Menü für das Vokabular erstellen möchten, müssen wir das Modul taxonomy_menu verwenden, um die Taxonomie mit dem Menü zu verknüpfen.

Als nächstes kommen die Token, um die Aufgaben zu erledigen, indem kleine Platzhalter gehalten werden und die URL für die Begriffe des Vokabulars erstellt wird. Dies geschieht durch die Integration des Pathauto-Moduls.

Um den Inhalt im gewünschten Layout zu erhalten, verwenden wir das Ansichtsmenü. Unten ist eine Liste der Module aufgeführt, die bei der Entwicklung des Menüs für jede Art von Vokabular benötigt werden.

• Taxonomie-Menü
• Token
• Ansicht (Teil des Drupal 8-Kerns)
• Pathauto

Befolgen Sie die unten aufgeführten Schritte, um schnell ein Menü für jede Art von Vokabular in Drupal 8 für eine komplizierte E-Commerce-Website zu erstellen. 

• Schritt 1: Erstellen Sie ein Vokabular.
  
  Navigieren Sie zu Struktur → Taxonomie → Vokabular hinzufügen.

 

Ich habe "Autos" als Vokabularnamen hinzugefügt. Und dann auf Speichern geklickt. Sie werden auf die Seite weitergeleitet, auf der Sie aufgefordert werden, die Begriffe hinzuzufügen.

Fügen Sie Begriffe hinzu und Sie werden auf die Seite weitergeleitet, auf der Sie die Namen der untergeordneten Knoten eingegeben haben.

Was ist URL-Aliasierung?

Die URL-Aliasierung gibt den Knoten in der Drupal-Datenbank einen kürzeren Namen oder einen anderen alternativen Namen. Drupal verwendet "Knoten", um Seiten anhand ihrer Position in Ihrer Datenbank zu identifizieren. Ihre Seite über "SUV" könnte also als "node/12" an Drupal kommen.

Durch die Pflege der Liste der Knoten auf Ihrer Website werden die URLs gepflegt, wodurch Ihre Besucher die Inhalte Ihrer Website leicht mit leicht zu merkenden URLs finden können. Wenn wir zu einem bestimmten Begriff inmitten unserer Website navigieren möchten, geben wir einfach die URL nach www.menu_vocabulary/SUV ein. 

Obwohl es kein Pflichtfeld ist, ist es sehr nützlich, wenn wir das URL-Aliasierungsfeld verwenden. Dies erleichtert unsere Navigation.

Speichern Sie die Änderungen und Sie werden zur Seite Begriff hinzufügen weitergeleitet, auf der Sie eine Reihe von Begriffen unter Vokabular hinzufügen müssen.

• Schritt 2: Erstellen Sie ein Menü für die Webseite.
  
  Navigieren Sie zu Struktur → Menüs → Menü hinzufügen → Titel hinzufügen → Speichern. 

Nach dem Speichern werden Sie weitergeleitet, um einen Link zum Menü herzustellen. Hier kommt das taxonomy_menu ins Spiel.

 

• Schritt 3: Navigieren Sie zu Struktur → Taxonomie-Menü → Taxonomie-Menü hinzufügen

Füllen Sie den Namen des Labels aus und wählen Sie das Vokabular aus, das Sie mit dem Menü verknüpfen möchten. Wählen Sie das Menü-Dropdown-Feld mit dem von Ihnen erstellten Menünamen aus und speichern Sie die Änderungen. 

Sie können die Begriffe des Vokabulars neu anordnen (kann jetzt als Menüpunkte bezeichnet werden), indem Sie den Cursor einfach auf das Pluszeichen ganz am Anfang jedes Menüpunkts halten.

Wenn Sie mit der Neuanordnung zufrieden sind, speichern Sie, um den Vorgang zu bestätigen. 

Navigieren Sie zu Struktur → Menüs → Vierrädrige Automobile, ein Fenster, das anzeigt, dass alle Begriffe im Vokabular in das Menü importiert werden. Dies geschieht durch das taxonomy_menu-Modul.

• Schritt 4: Platzieren Sie das Menü auf dem Block.
  
   Navigieren Sie zur Struktur → Blocklayout → Wählen Sie den Bereich aus, in dem Ihr Block angezeigt werden soll → Klicken Sie auf Block platzieren.

Nach dem Speichern suchen Sie nach dem entsprechenden Menünamen, den Sie platzieren möchten. Und klicken Sie dann erneut auf Block platzieren.
 

Nachdem Sie auf Block platzieren geklickt haben, erhalten Sie ein Popup-Feld, in dem Sie aufgefordert werden, die Blockposition zu konfigurieren. Wählen Sie den Bereich aus und klicken Sie auf Block speichern.
 

Speichern Sie Ihr Menü und die Seitenleiste wird wie gewünscht angezeigt. 

Für die Startseite habe ich auch einige Inhalte hinzugefügt, damit das Menü leichter verständlich ist. Das Hinzufügen eines Vokabulars zu jeder Art von Menü ist ganz einfach und kann in diesen 4 einfachen Schritten erfolgen.

Einige benutzerinteraktive Module können mit Modulen wie Superfish, Nice_menus usw. erstellt werden.

Hinterlassen Sie unten Ihre Kommentare und teilen Sie uns mit, welches Vokabular Sie erstellt haben.