Embed Size (px)
DESCRIPTION
Menüs und Module unter Joomla! 2.5 verstehen.
Citation preview
Von Menüs und Modulen
Kai Greinke
Weitere Informationen finden Sie unter
www.jugfulda.de
12.04.2023
(c) by Kai Greinke in 2012 2
Menüs in den Beispieldaten
12.04.2023 (c) by Kai Greinke in 2012 3
Menüpunkte zeigen auf …
Beiträge Kontakte Suche Newsfeeds Externe URLs …
12.04.2023 (c) by Kai Greinke in 2012 4
Zugang zu den Menüs
12.04.2023 (c) by Kai Greinke in 2012 5
Zugang zu den Menüs
12.04.2023
(c) by Kai Greinke in 2012 6
Das Hauptmenü (Diese Site)
12.04.2023
(c) by Kai Greinke in 2012 7
Das Hauptmenü (Neu)
12.04.2023
(c) by Kai Greinke in 2012 8
Neuer Menüeintrag
12.04.2023
(c) by Kai Greinke in 2012 9
Menütyp
12.04.2023
(c) by Kai Greinke in 2012 10
Externe URL
12.04.2023
(c) by Kai Greinke in 2012 11
Externe URL
12.04.2023
(c) by Kai Greinke in 2012 12
Der fertige Menüpunkt
12.04.2023
(c) by Kai Greinke in 2012 13
Der fertige Menüpunkt
12.04.2023
(c) by Kai Greinke in 2012 14
Externe URL
12.04.2023
(c) by Kai Greinke in 2012 15
Title-Attribut für Menülink
12.04.2023
(c) by Kai Greinke in 2012 16
Title-Attribut für Menülink
12.04.2023
(c) by Kai Greinke in 2012 17
CSS-Style für Link
12.04.2023
(c) by Kai Greinke in 2012 18
CSS für externen Link und das Bild muss vorhanden sein.
12.04.2023
(c) by Kai Greinke in 2012 19
Bild zum Link …
12.04.2023
(c) by Kai Greinke in 2012 20
Bild zum Link …
12.04.2023
(c) by Kai Greinke in 2012 21
Das Hauptmenü (Neu)
12.04.2023 (c) by Kai Greinke in 2012 22
Neuer Menüeintrag
12.04.2023
(c) by Kai Greinke in 2012 23
Bild zum Link …
Module und ModulpositionenWo wird das Menü angezeigt?
12.04.2023 (c) by Kai Greinke in 2012 25
Menüpunkte befinden sich …
… in Modulen
Oben Links Rechts …
12.04.2023
(c) by Kai Greinke in 2012 26
Einblenden der Modulpositionen
Modulpositionen sind vom Template abhängig!
12.04.2023
(c) by Kai Greinke in 2012 27
Vorschau aktivieren
Damit die Modulpositionen unter Joomla! 2.5 überhaupt angezeigt werden,
muss die Vorschau über das Backend aktiviert werden.
Erweiterungen > Templates > Schaltfläche Optionen
12.04.2023 (c) by Kai Greinke in 2012 28
Positionen des Beez 2.0 Templates
debug position-0 (Suchen) position-1 (Oben) positoin-2 (Navigationspfad) position-3 (Rechter Rand) position-4 (Mitte Links) position-5 (Unten links) position-6 (Unten rechts) position-7 (Links oben) position-8 (Mitte rechts) position-9 (Fußzeile oben) positon-10 (Fußzeile Mitte) position-11 (Fußzeile unten) postion-12 (Oben Mitte) position-13 (unbenutzt) position-14 (Fußzeile Ende)
12.04.2023 (c) by Kai Greinke in 2012 29
Positionen des Beez 2.0 Templates
Debug position-0 (Suchen) position-1 (Oben) positoin-2 (Navigationspfad) position-3 (Rechter Rand) position-4 (Mitte Links) position-5 (Unten links) position-6 (Unten rechts) position-7 (Links oben) position-8 (Mitte rechts) position-9 (Fußzeile oben) positon-10 (Fußzeile Mitte) position-11 (Fußzeile unten) postion-12 (Oben Mitte) position-13 (unbenutzt) position-14 (Fußzeile Ende)
12.04.2023 (c) by Kai Greinke in 2012 30
Positionen des Beez 2.0 Templates
Debug position-0 (Suchen) position-1 (Oben) positoin-2 (Navigationspfad) position-3 (Rechter Rand) position-4 (Mitte Links) position-5 (Unten links) position-6 (Unten rechts) position-7 (Links oben) position-8 (Mitte rechts) position-9 (Fußzeile oben) positon-10 (Fußzeile Mitte) position-11 (Fußzeile unten) postion-12 (Oben Mitte) position-13 (unbenutzt) position-14 (Fußzeile Ende)
12.04.2023 (c) by Kai Greinke in 2012 31
Positionen des Beez 2.0 Templates
debug position-0 (Suchen) position-1 (Oben) positoin-2 (Navigationspfad) position-3 (Rechter Rand) position-4 (Mitte Links) position-5 (Unten links) position-6 (Unten rechts) position-7 (Links oben) position-8 (Mitte rechts) position-9 (Fußzeile oben) positon-10 (Fußzeile Mitte) position-11 (Fußzeile unten) postion-12 (Oben Mitte) position-13 (unbenutzt) position-14 (Fußzeile Ende)
12.04.2023 (c) by Kai Greinke in 2012 32
Positionen des Beez 2.0 Templates
debug position-0 (Suchen) position-1 (Oben) positoin-2 (Navigationspfad) position-3 (Rechter Rand) position-4 (Mitte Links) position-5 (Unten links) position-6 (Unten rechts) position-7 (Links oben) position-8 (Mitte rechts) position-9 (Fußzeile oben) positon-10 (Fußzeile Mitte) position-11 (Fußzeile unten) postion-12 (Oben Mitte) position-13 (unbenutzt) position-14 (Fußzeile Ende)
12.04.2023 (c) by Kai Greinke in 2012 33
Positionen des Beez 2.0 Templates
debug position-0 (Suchen) position-1 (Oben) positoin-2 (Navigationspfad) position-3 (Rechter Rand) position-4 (Mitte Links) position-5 (Unten links) position-6 (Unten rechts) position-7 (Links oben) position-8 (Mitte rechts) position-9 (Fußzeile oben) positon-10 (Fußzeile Mitte) position-11 (Fußzeile unten) postion-12 (Oben Mitte) position-13 (unbenutzt) position-14 (Fußzeile Ende)
12.04.2023 (c) by Kai Greinke in 2012 34
Positionen des Beez 2.0 Templates
debug position-0 (Suchen) position-1 (Oben) positoin-2 (Navigationspfad) position-3 (Rechter Rand) position-4 (Mitte Links)
position-5 (Unten links) position-6 (Unten rechts) position-7 (Links oben) position-8 (Mitte rechts) position-9 (Fußzeile oben) positon-10 (Fußzeile Mitte) position-11 (Fußzeile unten) postion-12 (Oben Mitte) position-13 (unbenutzt) position-14 (Fußzeile Ende)
12.04.2023 (c) by Kai Greinke in 2012 35
Positionen des Beez 2.0 Templates
debug position-0 (Suchen) position-1 (Oben) positoin-2 (Navigationspfad) position-3 (Rechter Rand) position-4 (Mitte Links) position-5 (Unten links) position-6 (Unten rechts) position-7 (Links oben) position-8 (Mitte rechts) position-9 (Fußzeile oben) positon-10 (Fußzeile Mitte) position-11 (Fußzeile unten) postion-12 (Oben Mitte) position-13 (unbenutzt) position-14 (Fußzeile Ende)
12.04.2023 (c) by Kai Greinke in 2012 36
Positionen des Beez 2.0 Templates
debug position-0 (Suchen) position-1 (Oben) positoin-2 (Navigationspfad) position-3 (Rechter Rand) position-4 (Mitte Links) position-5 (Unten links) position-6 (Unten rechts) position-7 (Links oben) position-8 (Mitte rechts) position-9 (Fußzeile oben) positon-10 (Fußzeile Mitte) position-11 (Fußzeile unten) postion-12 (Oben Mitte) position-13 (unbenutzt) position-14 (Fußzeile Ende)
12.04.2023 (c) by Kai Greinke in 2012 37
Positionen des Beez 2.0 Templates
debug position-0 (Suchen) position-1 (Oben) positoin-2 (Navigationspfad) position-3 (Rechter Rand) position-4 (Mitte Links) position-5 (Unten links) position-6 (Unten rechts) position-7 (Links oben) position-8 (Mitte rechts) position-9 (Fußzeile oben) positon-10 (Fußzeile Mitte) position-11 (Fußzeile unten) postion-12 (Oben Mitte) position-13 (unbenutzt) position-14 (Fußzeile Ende)
12.04.2023 (c) by Kai Greinke in 2012 38
Positionen des Beez 2.0 Templates
debug position-0 (Suchen) position-1 (Oben) positoin-2 (Navigationspfad) position-3 (Rechter Rand) position-4 (Mitte Links) position-5 (Unten links) position-6 (Unten rechts) position-7 (Links oben) position-8 (Mitte rechts) position-9 (Fußzeile oben) positon-10 (Fußzeile Mitte) position-11 (Fußzeile unten) postion-12 (Oben Mitte) position-13 (unbenutzt) position-14 (Fußzeile Ende)
12.04.2023 (c) by Kai Greinke in 2012 39
Positionen des Beez 2.0 Templates
debug position-0 (Suchen) position-1 (Oben) positoin-2 (Navigationspfad) position-3 (Rechter Rand) position-4 (Mitte Links) position-5 (Unten links) position-6 (Unten rechts) position-7 (Links oben) position-8 (Mitte rechts) position-9 (Fußzeile oben) positon-10 (Fußzeile Mitte) position-11 (Fußzeile unten) postion-12 (Oben Mitte) position-13 (unbenutzt) position-14 (Fußzeile Ende)
12.04.2023 (c) by Kai Greinke in 2012 40
Positionen des Beez 2.0 Templates
debug position-0 (Suchen) position-1 (Oben) positoin-2 (Navigationspfad) position-3 (Rechter Rand) position-4 (Mitte Links) position-5 (Unten links) position-6 (Unten rechts) position-7 (Links oben) position-8 (Mitte rechts) position-9 (Fußzeile oben) positon-10 (Fußzeile Mitte) position-11 (Fußzeile unten) postion-12 (Oben Mitte) position-13 (unbenutzt) position-14 (Fußzeile Ende)
12.04.2023 (c) by Kai Greinke in 2012 41
Positionen des Beez 2.0 Templates
debug position-0 (Suchen) position-1 (Oben) positoin-2 (Navigationspfad) position-3 (Rechter Rand) position-4 (Mitte Links) position-5 (Unten links) position-6 (Unten rechts) position-7 (Links oben) position-8 (Mitte rechts) position-9 (Fußzeile oben) positon-10 (Fußzeile Mitte) position-11 (Fußzeile unten) postion-12 (Oben Mitte) position-13 (unbenutzt) position-14 (Fußzeile Ende)
12.04.2023 (c) by Kai Greinke in 2012 42
Positionen des Beez 2.0 Templates
debug position-0 (Suchen) position-1 (Oben) positoin-2 (Navigationspfad) position-3 (Rechter Rand) position-4 (Mitte Links) position-5 (Unten links) position-6 (Unten rechts) position-7 (Links oben) position-8 (Mitte rechts) position-9 (Fußzeile oben) positon-10 (Fußzeile Mitte) position-11 (Fußzeile unten) postion-12 (Oben Mitte) position-13 (unbenutzt) position-14 (Fußzeile Ende)
12.04.2023 (c) by Kai Greinke in 2012 43
Positionen des Beez 2.0 Templates
debug position-0 (Suchen) position-1 (Oben) positoin-2 (Navigationspfad) position-3 (Rechter Rand) position-4 (Mitte Links) position-5 (Unten links) position-6 (Unten rechts) position-7 (Links oben) position-8 (Mitte rechts) position-9 (Fußzeile oben) positon-10 (Fußzeile Mitte) position-11 (Fußzeile unten) postion-12 (Oben Mitte) position-13 (unbenutzt) position-14 (Fußzeile Ende)
position-13unbenutzt
ABERGLAUBE?
12.04.2023 (c) by Kai Greinke in 2012 44
Positionen des Beez 2.0 Templates
debug position-0 (Suchen) position-1 (Oben) positoin-2 (Navigationspfad) position-3 (Rechter Rand) position-4 (Mitte Links) position-5 (Unten links) position-6 (Unten rechts) position-7 (Links oben) position-8 (Mitte rechts) position-9 (Fußzeile oben) positon-10 (Fußzeile Mitte) position-11 (Fußzeile unten) postion-12 (Oben Mitte) position-13 (unbenutzt) position-14 (Fußzeile Ende)
12.04.2023 (c) by Kai Greinke in 2012 45
Positionen des Beez Templates unter Joomla! 1.5
breadcrumb footer left right top user1 user2 user3 user4 debug
12.04.2023 (c) by Kai Greinke in 2012 46
Das Hauptmenü ist an Position position-7 untergebracht…
debug position-0 (Suchen) position-1 (Oben) positoin-2 (Navigationspfad) position-3 (Rechter Rand) position-4 (Mitte Links)* position-5 (Unten links) position-6 (Unten rechts) position-7 (Links oben) position-8 (Mitte rechts) position-9 (Fußzeile oben) positon-10 (Fußzeile Mitte) position-11 (Fußzeile unten) postion-12 (Oben Mitte) position-13 (unbenutzt) position-14 (Fußzeile Ende)
12.04.2023
(c) by Kai Greinke in 2012 47
Das Hauptmenü ist an Position position-7 untergebracht…
Im Backend könnt Ihr unter Positionen der Module anpassen.
Erweiterungen > Module
Dem Modul „Diese Seite“ gebe ich nun die Position
position-6
Damit wandert das Modul in diesem Template auf die rechte Seite.
12.04.2023
(c) by Kai Greinke in 2012 48
Das Hauptmenü ist an Position position-6 untergebracht…
Menüs werden in Modulen ausgegeben
Module befinden sich im Template an definierten Position
12.04.2023
(c) by Kai Greinke in 2012 49
Übersicht über die Module
12.04.2023
(c) by Kai Greinke in 2012 50
Neues Menü erstellen
12.04.2023
(c) by Kai Greinke in 2012 51
Neues Menü …
12.04.2023
(c) by Kai Greinke in 2012 52
Neues Menü …
12.04.2023
(c) by Kai Greinke in 2012 53
Neues Modul für das Menü …direkt erstellen
12.04.2023
(c) by Kai Greinke in 2012 54
Neues Modul für das Menü …oder über Menü > Neu
12.04.2023
(c) by Kai Greinke in 2012 55
Neues Modul für das Menü …
12.04.2023
(c) by Kai Greinke in 2012 56
Neuer Menüeintrag …
12.04.2023
(c) by Kai Greinke in 2012 57
Blick auf die Seite …
12.04.2023
(c) by Kai Greinke in 2012 58
Vielen Danke für eure Aufmerksamkeit
Weitere Informationen findet Ihr auf der
www.jugfulda.de
Die Präsentation liegt unter
www.slideshare.net/jugfulda
