Pagetree

Der Seitenbaum (Page Tree) bildet die Struktur der Website ab und beinhaltet eine Übersicht sämtlicher Pages und Pagedesigner Parts.


Pages
sind gewöhnliche Inhaltsseiten, welche sich im Abschnitt "Main Navigation" befinden. Meistens handelt es sich dabei um  Informationsseiten mit dynamischen Inhalten, welche auf jeder Seite variieren. Beispiele: Kontakt, Team, Unternehmensgeschichte, Dienstleistungen, Firmenphilosophie usw. 

Pagedesigner Parts sind Seiten mit statischen Eigenschaften. Dies bedeutet, dass deren Inhalt auf mehreren Seiten verwendet werden kann. Ein Beispiel dafür ist der sogenannte Footer, welcher am Ende von fast allen Seiten angezeigt wird. Damit der Footer nicht auf jeder einzelnen Seite erfasst werden muss, kann er einmalig als Pagedesigner Part erstellt und befüllt werden. Anschliessend wird das Element von der Entwicklung so konfiguriert, dass es auf allen Seiten (oder auf bestimmten) ausgespielt wird. 


 Video-Tutorial: Einführung Pagetree

Bereich Main Navigation

  • Alle Seiten erscheinen in Hauptnavigation

  • Mehrsprachigkeit

  • Optionen: neue Seite erstellen, Seite bearbeiten, Settings, Publizierungsstatus etc.

Bereich PageDesigner parts

  • Seitenübergreifende Einstellungen für Header- und Footer-Elemente

 Video-Tutorial: Theme Aufbau
  • Meta-Header-Navigation
  • Navigationsbereich
  • Slider
  • Inhaltsbereich
  • Footer


Mittels Klick auf den Burger am linken, unteren Seitenrand wird der Seitenbaum geöffnet (und geschlossen):



1. Seite erstellen

1. Erstelle  eine neue Seite - nutze dafür eine der beiden Möglichkeiten:

→ Mittels Klick auf das "Plus-Icon" gelangst du direkt in die Maske zur Erstellung einer neuen Seite 

→ Mittels Klick auf das "Burger-Icon" öffnen sich die Seitenoptionen - wähle anschliessend "New Page"


2. Wähle in der darauffolgenden Maske den Content Type "Page"

 Informationen zum Content Type "Page"

Seiten mit dem Content Type Page sind gewöhnliche Inhaltsseiten, welche sich in der Hauptnavigation befinden. Der Typ eignet sich besonders für Informationsseiten mit dynamischen Inhalten, welche auf jeder Seite variieren. Beispiele: Kontakt, Team, Unternehmensgeschichte, Dienstleistungen, Firmenphilosophie usw. 

-


2. Seiteneigenschaften definieren

2.1 Pflichtangaben

1. Erfasse die beiden Pflichtangaben "Titel" und "Linktitel des Menüpunkts"

   TitelDer Titel wird auf der Google-Ergebnisseite und im Browser-Tab angezeigt.
   Linktitel des Menüpunkts  Der Linktitel wird im Seitenbaum und in den Navigationsbereichen angezeigt.

2.2 Menüeinstellungen

1. Definiere die verschiedenen Menüeinstellungen

  Menüpunkt erstellen  Soll die Seite im Seitenbaum angezeigt werden oder nicht?
   Linktitel des Menüpunkts Der Linktitel wird im Seitenbaum und in den Navigationsbereichen angezeigt.
   BeschreibungDie Beschreibung erscheint, sobald mit der Maus über den Menulink gefahren wird (Tooltip).
   Übergeordneter MenüpunktDiese Auswahl ermöglicht eine Verschachtelung der Seite. Soll sie als Unterseite fungieren, so kann ein Elternelement ausgewählt werden.
   GewichtungMittels einer Zahl kann definiert werden, an welcher Position die Seite stehen soll. Je kleiner/leichter die Zahl, desto weiter oben erscheint die Seite.

2.3 Real-Time SEO for Drupal

1. Hinterlege die Meta-Tags im Reiter Real-Time SEO for Drupal

 Ream-Time SEO im Detail

Mithilfe der Meta-Tags kannst du einer Suchmaschine detaillierte Informationen ihrer Webseite vermitteln:

   Metainformation   Ansicht Suchmaschine

   SEO title:

   Beispiel: Unternehmen | Max Muster AG

 

   Slug:

   Beispiel: /unternehmen

  
   Meta description:
  

   Focus keyword:

   Beispiel: Unternehmen

  

2.4 Content Analysis

1. Kontrolliere deine Meta-Tags mithilfe der "Content Analysis

 Ansicht Content-Analyse

2.5 URL-Alias

1. Passe bei Bedarf den URL-Alias an

 Beispiele URL-Alias

Die Website soll unter www.max-muster.ch/unternehmen aufgerufen werden können:

Die Website soll unter www.max-muster.ch/ueber-uns/unternehmen aufgerufen werden können:

3. Seite verschieben

3.1 Verschieben mit Drag'n'Drop

1. Ziehe eine beliebige Seite mit gedrückter Maustaste an den gewünschten Zielort.

 Beispiel

Die Seite "Anlässe" wird nach der Seite "Intern" platziert

2. Ziehe die Seite in den inneren Bereich einer anderen Seite um sie zu verschachteln.

 Beispiel

Die Seite "Anlässe" wird innerhalb der Seite "Intern" platziert



3.2 Verschieben mit Gewichtung

1. Öffne die Seiteneigenschaften und lege die Gewichtung im Bereich "Menüeinstellungen" fest. 

 Maske "Menüeinstellungen"

-

Informationen zur Gewichtung


→ Je grösser/schwerer die Zahl, desto weiter unten erscheint die Seite im Seitenbaum.

→ Je kleiner/leichter die Zahl, desto weiter oben erscheint die Seite im Seitenbaum. 

4. Seite publizieren oder depublizieren

1. Klicke auf das Burger-Symbol einer Seite und wähle die Option "Publizieren" oder "Unpublizieren" um den Publikationsstatus zu ändern. 

 Ansicht "Burger & Puplikationsstati"

-

Informationen zum Publikationsstatus


Den Publikationsstatus einer Seite erkennst du anhand des farbigen Kreises vor dem Seitennamen:

Rot: Es gibt keine Live-Version dieser Seite, da sie nicht veröffentlicht ist. Der Inhalt ist für Besucher nicht sichtbar.

Orange: Die Bearbeitungsversion unterscheidet sich von der Live-Version. Es wurden nicht alle Änderungen veröffentlicht. 

Grün: Bearbeitungsversion und Live-Version sind identisch und veröffentlicht


-
-


5. Seiteninhalt kopieren 

1. Öffne die Seiteneigenschaften und klappe den Bereich "Copy Page" auf.

2. Suche nach der gewünschten Seite, deren Inhalt kopiert werden soll, indem du den Seitentitel oder Teile davon eingibst (autocompletion).

3. Wähle die gewünschte Sprache aus.

 Maske "Copy Page"

Deutscher Inhalt der Seite "Anlässe" wird in die aktuelle Seite kopiert

-

Informationen zum Kopiervorgang


Bei dieser Kopier-Funktion wird nicht die Seite an sich kopiert, sondern deren Inhalt/Layout in die Zielseite integriert. Befindet sich bereits Inhalt in der Zielseite, wird der kopierte Inhalt darunter angehängt. 

6. Seite(n) kopieren

1. Öffne den Pagetree

2. Halte die Shift-Taste gedrückt während du auf die zu kopierende Seite klickst und sie zu einer beliebige Position ziehst.

Während der Bewegung verdoppelt sich die Seite und ein Pop-Up Fenster erscheint

3. Wähle aus ob untergeordnete Seiten mit kopiert werden sollen (include children) oder nicht (exclude children). 



7. Seite löschen

Zum Löschen einer Seite stehen dir die folgenden beiden Möglichkeiten zur Verfügung: 

1. Klicke auf das Burger-Symbol einer Seite und wähle die Option Delete Page.

2. Öffne die Seiteneigenschaften und klicke auf den Lösch-Button am unteren Seitenrand.



8. Pagedesigner Part erstellen

1. Erstelle eine neue Seite - nutze dafür eine der beiden Möglichkeiten:

→ Mittels Klick auf das "Plus-Icon" gelangst du direkt in die Maske zur Erstellung einer neuen Seite.

→ Mittels Klick auf das "Burger-Icon" öffnen sich die Seitenoptionen - wähle anschliessend "New Page".


2. Wähle in der darauffolgenden Maske den Content Type "Pagedesigner Parts"

 Informationen zum Content Type "Pagedesigner Parts"

Pagedesigner Parts sind Seiten mit statischen Eigenschaften. Dies bedeutet, dass deren Inhalt auf mehreren Seiten verwendet werden kann. Ein Beispiel dafür ist der sogenannte Footer, welcher am Ende von fast allen Seiten angezeigt wird. Damit der Footer nicht auf jeder einzelnen Seite erfasst werden muss, kann er einmalig als Pagedesigner Part erstellt und befüllt werden. Anschliessend wird das Element von der Entwicklung so konfiguriert, dass es auf allen Seiten (oder auf bestimmten) ausgespielt wird. 


-


7. Erweiterte Einstellungen

7.1 Menü-Link oder Seitentitel anzeigen

In der Konfiguration des Seitenbaums hast du die Möglichkeit zu entscheiden, ob im Seitenbaum der Menü-Link oder der Seitentitel (Beitrag) angezeigt werden soll.

1. Navigiere zu den Seitenbaum-Einstellungen → /admin/config/pagetree

2. Wähle im Dropdown "Pagetree title source" ob der Menü-Link oder der Seitentitel (Beitrag) angezeigt werden soll: 

 Ansicht "Pagetree title source"

Seitentitel/Beitrag (1) und Menü-Link (2) können in den Seiteneinstellungen (Settings) gesetzt werden: 

 Ansicht "Seiteneinstellungen"