One-Page Layout für Joomla mit Navigation

Das 'One-Page' Layout, auch Single-Page App genannt wird bei Webdesignern immer beliebter und ist besonders für kleinere Webseiten und die Ansicht auf Smartfons gut geeignet. Typischerweise werden in den einzelnen Abschnitten Anker Tags gesetzt, die als Sprungmarke für die Navigation dienen. Mit diesen Overrides geht das automatisch!

Inhalte

Bei Joomla bietet der Kategorie Blog oder Hauptkategorie Blog einen guten Einstieg. Beiträge einer Kategorie (oder die Hauptbeiträge) werden übersichtlich auf einer Seite dargestellt. Bei Bedarf kann durch den 'Weiterlesen Button' (readmore) die Anzeige auf den Einleitungs Text ggfs. mit Einleitungs Bild beschränkt werden. Für die Sortierung stehen alle Joomla Optionen - manuelle, zeitliche, alphabetische Reihenfolge zur Verfügung.

Navigation

Es gibt bei Joomla die Möglichkeit im Menu Einträge vom Typ 'Externer Link' zu nutzen und hier den Anker manuell zu setzen. Dieser Menueintrag funktioniert dann allerdings nur auf genau dieser Seite! Für den Redakteur ist es auch nicht besonders intuitiv, Anker und Menu Einträge manuell zu erzeugen! 

Einfacher ist es, wie gewohnt Menu Einträge vom Typ 'Einzelner Beitrag' zu verwenden. Das funktioniert mit diesem Override!

Die resultierende Menustruktur ist übersichtlich:

1. Menu Eintrag 1 Typ = Kategorie Blog / Hauptbeiträge Blog
   1. Menu Eintrag 2 Typ = einzelner Beitrag
   2. Menu Eintrag 3 Typ = einzelner Beitrag
   3. Menu Eintrag 4 Typ = einzelner Beitrag
   4. Menu Eintrag 5 Typ = einzelner Beitrag
   5. Menu Eintrag 6 Typ = einzelner Beitrag 

 Hier geht es zur Live-Demo mit HowTo und Code für die Overrides!