Boje (Diskussion | Beiträge) K (Boje verschob die Seite TYPO3 Mega Dropdown Menü einfügen nach TYPO3 - Burger Menü, ohne dabei eine Weiterleitung anzulegen) |
|||
| Zeile 8: | Zeile 8: | ||
<!-- Entweder draft mit fertigem Inhalt --> | <!-- Entweder draft mit fertigem Inhalt --> | ||
{{draft}} | {{draft}} | ||
| − | + | <br clear=all> | |
| − | |||
| − | |||
| − | = | ||
| − | |||
| − | |||
== Schritt für Schritt Anleitung == | == Schritt für Schritt Anleitung == | ||
Wenn Sie für Ihren Bereich ein Mega-Dropdown-Menü wünschen, kontaktieren Sie bitte das IMT über [mailto:imt@upb.de imt@upb.de], teilen Sie Ihre Wünsche mit und begründen Sie den Bedarf. Mega-Dropdown-Menüs sollen nur bei größeren Websites mit vielen Webseiten zum Einsatz kommen, bei denen eine Navigation über Kontextmenüs und Linkboxen nicht ausreicht, um dem Nutzer einen hinreichenden Überblick zu verschaffen. Wird Ihrem Wunsche entsprochen, richtet das IMT in Ihrem Typo3-Bereich einen Ordner "Navigation", darunter einen Ordner "Hauptmenü", darunter eine Verweisseite "Eintrag Megadropdown" für das erste Mega-Dropdown-Menü, darunter eine Standardseite "Eintrag Megadropdown" für die erste Rubrikenüberschrift und darunter wieder eine Verweisseite "Eintrag Megadropdown" für den ersten Link innerhalb der ersten Rubrik ein. Weitere Mega-Dropdown-Menüs, Rubrikenüberschriften und Links können einfach durch Kopieren, Einfügen, Umbenennen und Bearbeiten dieser Vorlagen erzeugt werden. | Wenn Sie für Ihren Bereich ein Mega-Dropdown-Menü wünschen, kontaktieren Sie bitte das IMT über [mailto:imt@upb.de imt@upb.de], teilen Sie Ihre Wünsche mit und begründen Sie den Bedarf. Mega-Dropdown-Menüs sollen nur bei größeren Websites mit vielen Webseiten zum Einsatz kommen, bei denen eine Navigation über Kontextmenüs und Linkboxen nicht ausreicht, um dem Nutzer einen hinreichenden Überblick zu verschaffen. Wird Ihrem Wunsche entsprochen, richtet das IMT in Ihrem Typo3-Bereich einen Ordner "Navigation", darunter einen Ordner "Hauptmenü", darunter eine Verweisseite "Eintrag Megadropdown" für das erste Mega-Dropdown-Menü, darunter eine Standardseite "Eintrag Megadropdown" für die erste Rubrikenüberschrift und darunter wieder eine Verweisseite "Eintrag Megadropdown" für den ersten Link innerhalb der ersten Rubrik ein. Weitere Mega-Dropdown-Menüs, Rubrikenüberschriften und Links können einfach durch Kopieren, Einfügen, Umbenennen und Bearbeiten dieser Vorlagen erzeugt werden. | ||
| − | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 1.jpg|Abbildung 1|left]] | + | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 1.jpg|Abbildung 1|left|mini|ohne|1000px]] |
<br clear=all> | <br clear=all> | ||
In der Webansicht z. B. der Seite "Seite 1" sieht das geschlossene Mega-Dropdown-Menü dann folgendenmaßen aus: | In der Webansicht z. B. der Seite "Seite 1" sieht das geschlossene Mega-Dropdown-Menü dann folgendenmaßen aus: | ||
| − | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 2.jpg|Abbildung 2|left]] | + | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 2.jpg|Abbildung 2|left|mini|ohne|1000px]] |
<br clear=all> | <br clear=all> | ||
Und das geöffnete Mega-Dropdown-Menü so: | Und das geöffnete Mega-Dropdown-Menü so: | ||
| − | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 3.jpg|Abbildung 3|left]] | + | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 3.jpg|Abbildung 3|left|mini|ohne|1000px]] |
<br clear=all> | <br clear=all> | ||
Sie können - und sollten - nun das Mega-Dropdown-Menü über "rechte Maustaste / Bearbeiten" an Ihre Bedürfnisse anpassen: | Sie können - und sollten - nun das Mega-Dropdown-Menü über "rechte Maustaste / Bearbeiten" an Ihre Bedürfnisse anpassen: | ||
| − | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 4.jpg|Abbildung 4|left]] | + | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 4.jpg|Abbildung 4|left|mini|ohne|1000px]] |
<br clear=all> | <br clear=all> | ||
Da das Mega-Dropdown-Menü oben den Eintrag "DIREKT ZUR SEITE [Name des Mega-Dropdown-Menüs mit Link auf eine Standardseite]" enthält, müssen Sie unter "Verweisziel" eine Seite angeben, auf die im Anschluss an "DIREKT ZUR SEITE" verlinkt werden soll. Die verlinkte Seite sollte einen Überblick über die Inhalte des Mega-Dropdown-Menüs und entsprechende Links bieten, wie es an der Universität Paderborn z. B. auf den Seiten http://www.uni-paderborn.de/studium/ oder http://www.uni-paderborn.de/fakultaeten/ zu sehen ist. Klicken Sie also auf "Datensätze durchblättern": | Da das Mega-Dropdown-Menü oben den Eintrag "DIREKT ZUR SEITE [Name des Mega-Dropdown-Menüs mit Link auf eine Standardseite]" enthält, müssen Sie unter "Verweisziel" eine Seite angeben, auf die im Anschluss an "DIREKT ZUR SEITE" verlinkt werden soll. Die verlinkte Seite sollte einen Überblick über die Inhalte des Mega-Dropdown-Menüs und entsprechende Links bieten, wie es an der Universität Paderborn z. B. auf den Seiten http://www.uni-paderborn.de/studium/ oder http://www.uni-paderborn.de/fakultaeten/ zu sehen ist. Klicken Sie also auf "Datensätze durchblättern": | ||
| − | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 5.jpg|1150px|Abbildung 5|left]] | + | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 5.jpg|1150px|Abbildung 5|left|mini|ohne|1000px]] |
<br clear=all> | <br clear=all> | ||
Wählen Sie eine Seite als Verweisziel - hier im Beispiel die Seite "Seite 1": | Wählen Sie eine Seite als Verweisziel - hier im Beispiel die Seite "Seite 1": | ||
| − | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 6.jpg|1150px|Abbildung 6|left]] | + | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 6.jpg|1150px|Abbildung 6|left|mini|ohne|1000px]] |
<br clear=all> | <br clear=all> | ||
Ändern Sie den Seitentitel, der zugleich der Name des Mega-Dropdown-Menüs ist, aber nicht mit dem Seitentitel/Namen der verlinkten Seite identisch sein muss. Zur leichteren Orientierung in Typo3 ist es jedoch in der Regel sinnvoll, den gleichen Seitentitel zu verwenden. In diesem Beispiel hat das allerdings den Nachteil, dass nun der Name des Mega-Dropdown-Menüs - "Seite 1" - wenig aussagekräftig ist: | Ändern Sie den Seitentitel, der zugleich der Name des Mega-Dropdown-Menüs ist, aber nicht mit dem Seitentitel/Namen der verlinkten Seite identisch sein muss. Zur leichteren Orientierung in Typo3 ist es jedoch in der Regel sinnvoll, den gleichen Seitentitel zu verwenden. In diesem Beispiel hat das allerdings den Nachteil, dass nun der Name des Mega-Dropdown-Menüs - "Seite 1" - wenig aussagekräftig ist: | ||
| − | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 7.jpg|1150px|Abbildung 7|left]] | + | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 7.jpg|1150px|Abbildung 7|left|mini|ohne|1000px]] |
<br clear=all> | <br clear=all> | ||
Und so sieht das Mega-Dropdown-Menü nach der Umbenennung in der Webansicht aus: | Und so sieht das Mega-Dropdown-Menü nach der Umbenennung in der Webansicht aus: | ||
| − | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 8.jpg|Abbildung 8|left]] | + | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 8.jpg|Abbildung 8|left|mini|ohne|1000px]] |
<br clear=all> | <br clear=all> | ||
Anschließend sollten Sie auch die Rubrikenüberschrift und den Link Ihren Bedürfnissen anpassen. Wählen Sie bei den Standardseite für die Rubrikenüberschrift über die rechte Maustaste "Bearbeiten": | Anschließend sollten Sie auch die Rubrikenüberschrift und den Link Ihren Bedürfnissen anpassen. Wählen Sie bei den Standardseite für die Rubrikenüberschrift über die rechte Maustaste "Bearbeiten": | ||
| − | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 9.jpg|Abbildung 9|left]] | + | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 9.jpg|Abbildung 9|left|mini|ohne|1000px]] |
<br clear=all> | <br clear=all> | ||
Markieren Sie auf "Allgemein" den Seitentitel: | Markieren Sie auf "Allgemein" den Seitentitel: | ||
| − | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 10.jpg|1150px|Abbildung 10|left]] | + | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 10.jpg|1150px|Abbildung 10|left|mini|ohne|1000px]] |
<br clear=all> | <br clear=all> | ||
Überschreiben Sie ihn und speichern Sie anschließend das Dokument. Da die Rubrikenüberschrift nicht mit irgendeiner Seite verlinkt wird und die Seite, deren Seitentitel die Rubrikenüberschrift definiert, eine Standardseite ist, müssen Sie nur den Seitentitel - hier im Beispiel "Rubrik 1" - angeben, nicht aber ein Verweisziel: | Überschreiben Sie ihn und speichern Sie anschließend das Dokument. Da die Rubrikenüberschrift nicht mit irgendeiner Seite verlinkt wird und die Seite, deren Seitentitel die Rubrikenüberschrift definiert, eine Standardseite ist, müssen Sie nur den Seitentitel - hier im Beispiel "Rubrik 1" - angeben, nicht aber ein Verweisziel: | ||
| − | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 11.jpg|1150px|Abbildung 11|left]] | + | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 11.jpg|1150px|Abbildung 11|left|mini|ohne|1000px]] |
<br clear=all> | <br clear=all> | ||
Und so sieht das Mega-Dropdown-Menü nach der Umbenennung der Rubrikenüberschrift in der Webansicht aus: | Und so sieht das Mega-Dropdown-Menü nach der Umbenennung der Rubrikenüberschrift in der Webansicht aus: | ||
| − | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 12.jpg|Abbildung 12|left]] | + | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 12.jpg|Abbildung 12|left|mini|ohne|1000px]] |
<br clear=all> | <br clear=all> | ||
Ändern Sie danach den Link. Wählen Sie über die rechte Maustaste "Bearbeiten": | Ändern Sie danach den Link. Wählen Sie über die rechte Maustaste "Bearbeiten": | ||
| − | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 13.jpg|Abbildung 13|left]] | + | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 13.jpg|Abbildung 13|left|mini|ohne|1000px]] |
<br clear=all> | <br clear=all> | ||
Klicken Sie auf "Datensätze durchblättern": | Klicken Sie auf "Datensätze durchblättern": | ||
| − | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 14.jpg|1150px|Abbildung 14|left]] | + | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 14.jpg|1150px|Abbildung 14|left|mini|ohne|1000px]] |
<br clear=all> | <br clear=all> | ||
Wählen Sie ein Linkziel - hier im Beispiel die Seite "Seite 4e": | Wählen Sie ein Linkziel - hier im Beispiel die Seite "Seite 4e": | ||
| − | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 15.jpg|1150px|Abbildung 15|left]] | + | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 15.jpg|1150px|Abbildung 15|left|mini|ohne|1000px]] |
<br clear=all> | <br clear=all> | ||
Ändern Sie den Seitentitel, der zugleich der Name des Links ist, aber nicht mit dem Seitentitel/Namen der verlinkten Seite identisch sein muss. Zur leichteren Orientierung in Typo3 ist es jedoch in der Regel sinnvoll, den gleichen Seitentitel zu verwenden. In diesem Beispiel hat das allerdings den Nachteil, dass nun der Name des Links - "Seite 4e" - wenig aussagekräftig ist: | Ändern Sie den Seitentitel, der zugleich der Name des Links ist, aber nicht mit dem Seitentitel/Namen der verlinkten Seite identisch sein muss. Zur leichteren Orientierung in Typo3 ist es jedoch in der Regel sinnvoll, den gleichen Seitentitel zu verwenden. In diesem Beispiel hat das allerdings den Nachteil, dass nun der Name des Links - "Seite 4e" - wenig aussagekräftig ist: | ||
| − | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 16.jpg|1150px|Abbildung 16|left]] | + | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 16.jpg|1150px|Abbildung 16|left|mini|ohne|1000px]] |
<br clear=all> | <br clear=all> | ||
Und so sieht das Mega-Dropdown-Menü nach der Umbenennung des Links in der Webansicht aus: | Und so sieht das Mega-Dropdown-Menü nach der Umbenennung des Links in der Webansicht aus: | ||
| − | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 17.jpg|Abbildung 17|left]] | + | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 17.jpg|Abbildung 17|left|mini|ohne|1000px]] |
<br clear=all> | <br clear=all> | ||
Sie können nun weitere Rubrikenüberschriften und Links hinzufügen. Kopieren Sie dazu am besten einfach - wie auf https://hilfe.uni-paderborn.de/TYPO3_Seite_oder_Seiten_kopieren_und_einf%C3%BCgen beschrieben - die bereits vorhandene Seite mit der Rubrikenüberschrift und die bereits vorhandene Seite mit dem Link, fügen Sie die Kopien an geeigneter Stelle ein, benenennen Sie sie erforderlichenfalls um und passen Sie die Verweisziele an. In diesem Beispiel ist die Standardseite "Rubrik 1" mitsamt der Verweisseite "Seite 4e" kopiert sowie die Kopie eingefügt und umbenannt worden. Anschließend wurde die Verweisseite "Seite 4e" gesondert kopiert, die Kopie eingefügt, in "Neuer Inhalt" umbenannt und das Verweisziel geändert. Das Verweisziel der Seite "Neuer Inhalt" kann man im Seitenbaum freilich nicht unmittelbar erkennen: | Sie können nun weitere Rubrikenüberschriften und Links hinzufügen. Kopieren Sie dazu am besten einfach - wie auf https://hilfe.uni-paderborn.de/TYPO3_Seite_oder_Seiten_kopieren_und_einf%C3%BCgen beschrieben - die bereits vorhandene Seite mit der Rubrikenüberschrift und die bereits vorhandene Seite mit dem Link, fügen Sie die Kopien an geeigneter Stelle ein, benenennen Sie sie erforderlichenfalls um und passen Sie die Verweisziele an. In diesem Beispiel ist die Standardseite "Rubrik 1" mitsamt der Verweisseite "Seite 4e" kopiert sowie die Kopie eingefügt und umbenannt worden. Anschließend wurde die Verweisseite "Seite 4e" gesondert kopiert, die Kopie eingefügt, in "Neuer Inhalt" umbenannt und das Verweisziel geändert. Das Verweisziel der Seite "Neuer Inhalt" kann man im Seitenbaum freilich nicht unmittelbar erkennen: | ||
| − | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 18.jpg|Abbildung 18|left]] | + | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 18.jpg|Abbildung 18|left|mini|ohne|1000px]] |
<br clear=all> | <br clear=all> | ||
So sieht das Mega-Dropdown-Menü mit der zusätzlichen Rubrik in der Webansicht aus: | So sieht das Mega-Dropdown-Menü mit der zusätzlichen Rubrik in der Webansicht aus: | ||
| − | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 19.jpg|Abbildung 19|left]] | + | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 19.jpg|Abbildung 19|left|mini|ohne|1000px]] |
<br clear=all> | <br clear=all> | ||
Sie können in den Mega-Dropdown-Menüs nicht nur auf Standardseiten verlinken, sondern auch auf Seiten, die als Links zu externen Seiten fungieren. Markieren Sie eine Verweisseite - hier "Seite 4e" unter "Rubrik 3" - und wählen Sie über die rechte Maustaste "Seitenaktionen / Neu": | Sie können in den Mega-Dropdown-Menüs nicht nur auf Standardseiten verlinken, sondern auch auf Seiten, die als Links zu externen Seiten fungieren. Markieren Sie eine Verweisseite - hier "Seite 4e" unter "Rubrik 3" - und wählen Sie über die rechte Maustaste "Seitenaktionen / Neu": | ||
| − | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 20.jpg|1200px|Abbildung 20|left]] | + | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 20.jpg|1200px|Abbildung 20|left|mini|ohne|1000px]] |
<br clear=all> | <br clear=all> | ||
Fügen Sie die neue Seite an geeigneter Stelle im Seitenbaum ein: | Fügen Sie die neue Seite an geeigneter Stelle im Seitenbaum ein: | ||
| − | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 21.jpg|1200px|Abbildung 21|left]] | + | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 21.jpg|1200px|Abbildung 21|left|mini|ohne|1000px]] |
<br clear=all> | <br clear=all> | ||
Sie können nun auf "Allgemein" als Verweisziel statt einer Standardseite eine Seite wählen, die als Link zu einer externen URL fungiert. Dabei hat eine "externe" URL für Sie jede Webseite, auf die Sie nicht innhalb Ihres Typo3-Bereiches als interne Seite zugreifen können. In diesem Beispiel wird die die Link-zu-externer-URL-Seite "Fakultät für Kulturwissenschaften" als Verweisziel gewählt: | Sie können nun auf "Allgemein" als Verweisziel statt einer Standardseite eine Seite wählen, die als Link zu einer externen URL fungiert. Dabei hat eine "externe" URL für Sie jede Webseite, auf die Sie nicht innhalb Ihres Typo3-Bereiches als interne Seite zugreifen können. In diesem Beispiel wird die die Link-zu-externer-URL-Seite "Fakultät für Kulturwissenschaften" als Verweisziel gewählt: | ||
| − | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 22.jpg|1200px|Abbildung 22|left]] | + | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 22.jpg|1200px|Abbildung 22|left|mini|ohne|1000px]] |
<br clear=all> | <br clear=all> | ||
Jetzt müssen Sie noch einen Seitentitel - hier "Fakultät KW" - vergeben, der zugleich der Name des Links im Mega-Dropdown-Menü ist. Speichern und schließen Sie danach das Dokument: | Jetzt müssen Sie noch einen Seitentitel - hier "Fakultät KW" - vergeben, der zugleich der Name des Links im Mega-Dropdown-Menü ist. Speichern und schließen Sie danach das Dokument: | ||
| − | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 23.jpg|1200px|Abbildung 23|left]] | + | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 23.jpg|1200px|Abbildung 23|left|mini|ohne|1000px]] |
<br clear=all> | <br clear=all> | ||
Im Seitenbaum wird nun die neue Verweisseite "Fakultät KW" angezeigt. Dass das Verweisziel eine Link-zu-externer-URL-Seite ist, kann man freilich nicht unmittelbar erkennen: | Im Seitenbaum wird nun die neue Verweisseite "Fakultät KW" angezeigt. Dass das Verweisziel eine Link-zu-externer-URL-Seite ist, kann man freilich nicht unmittelbar erkennen: | ||
| − | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 24.jpg|1200px|Abbildung 24|left]] | + | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 24.jpg|1200px|Abbildung 24|left|mini|ohne|1000px]] |
<br clear=all> | <br clear=all> | ||
So sieht das Mega-Dropdown-Menü mit drei Rubriken mit maximal drei Links in der Webansicht aus, wobei die Links in diesem Beispiel zum Teil identisch sind, was in der Praxis in der Regel nicht so häufig vorkommen dürfte/sollte: | So sieht das Mega-Dropdown-Menü mit drei Rubriken mit maximal drei Links in der Webansicht aus, wobei die Links in diesem Beispiel zum Teil identisch sind, was in der Praxis in der Regel nicht so häufig vorkommen dürfte/sollte: | ||
| − | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 25.jpg|Abbildung 25|left]] | + | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 25.jpg|Abbildung 25|left|mini|ohne|1000px]] |
<br clear=all> | <br clear=all> | ||
Die Anzahl der Links in den Rubriken ist nicht auf drei Links beschränkt. Sie können durchaus bis zu zehn (einzeilige) Links in einer Rubrik unterbringen, sollten aber darauf achten, dass das Mega-Dropdown-Menü insgesamt einigermaßen ausgewogen aussieht, also z. B. nicht die erste Rubrik nur einen einzigen einzeiligen Link, die zweite Rubrik dagegen zehn Links aufweist. Das folgende Beispiel, bei dem die Liste der Links zu den Fakultäten unter "Rubrik 3"vervollständigt wurde, ist insofern ästhetisch nicht optimal: | Die Anzahl der Links in den Rubriken ist nicht auf drei Links beschränkt. Sie können durchaus bis zu zehn (einzeilige) Links in einer Rubrik unterbringen, sollten aber darauf achten, dass das Mega-Dropdown-Menü insgesamt einigermaßen ausgewogen aussieht, also z. B. nicht die erste Rubrik nur einen einzigen einzeiligen Link, die zweite Rubrik dagegen zehn Links aufweist. Das folgende Beispiel, bei dem die Liste der Links zu den Fakultäten unter "Rubrik 3"vervollständigt wurde, ist insofern ästhetisch nicht optimal: | ||
| − | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 26.jpg|Abbildung 26|left]] | + | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 26.jpg|Abbildung 26|left|mini|ohne|1000px]] |
<br clear=all> | <br clear=all> | ||
Und das ist die Webansicht: | Und das ist die Webansicht: | ||
| − | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 27.jpg|Abbildung 27|left]] | + | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 27.jpg|Abbildung 27|left|mini|ohne|1000px]] |
<br clear=all> | <br clear=all> | ||
Sie können auch ein zweites Mega-Dropdown-Menü oder nacheinander mehrere Mega-Dropdown-Menüs anlegen. Kopieren Sie dazu einfach eine vorhandene Mega-Dropdown-Menü-Seite - in diesem Beispiel die Verweisseite "Seite 1": | Sie können auch ein zweites Mega-Dropdown-Menü oder nacheinander mehrere Mega-Dropdown-Menüs anlegen. Kopieren Sie dazu einfach eine vorhandene Mega-Dropdown-Menü-Seite - in diesem Beispiel die Verweisseite "Seite 1": | ||
| − | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 28.jpg|Abbildung 28|left]] | + | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 28.jpg|Abbildung 28|left|mini|ohne|1000px]] |
<br clear=all> | <br clear=all> | ||
Fügen Sie die Kopie an geeigneter Stelle ein - in diesem Beispiel nach der Verweisseite "Seite 1": | Fügen Sie die Kopie an geeigneter Stelle ein - in diesem Beispiel nach der Verweisseite "Seite 1": | ||
| − | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 29.jpg|Abbildung 29|left]] | + | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 29.jpg|Abbildung 29|left|mini|ohne|1000px]] |
<br clear=all> | <br clear=all> | ||
Benennen Sie die kopierte Seite um und machen Sie sie über die rechte Maustaste mit einem Klick auf "Aktivieren" sichtbar: | Benennen Sie die kopierte Seite um und machen Sie sie über die rechte Maustaste mit einem Klick auf "Aktivieren" sichtbar: | ||
| − | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 30.jpg|Abbildung 30|left]] | + | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 30.jpg|Abbildung 30|left|mini|ohne|1000px]] |
<br clear=all> | <br clear=all> | ||
Im Seitenbaum wird die neue Seite nach der Umbennnung - in diesem Beispiel in "MDDM 2" - und nach dem Ausklappen der Unterseiten wie folgt angezeigt: | Im Seitenbaum wird die neue Seite nach der Umbennnung - in diesem Beispiel in "MDDM 2" - und nach dem Ausklappen der Unterseiten wie folgt angezeigt: | ||
| − | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 31.jpg|Abbildung 31|left]] | + | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 31.jpg|Abbildung 31|left|mini|ohne|1000px]] |
<br clear=all> | <br clear=all> | ||
In der Praxis ist es in der Regel nicht sinnvoll, zwei Mega-Dropdown-Menüs mit dem gleichen Inhalt anzubieten. Die mitkopierten Rubrikenüberschriften-Seiten und Link-Seiten sollten deshalb umbenannt und mit neuem Inhalt versehen werden. Sie sollten nicht so unverändert bleiben, wie sie der folgende Screenshot der Webansicht zeigt: | In der Praxis ist es in der Regel nicht sinnvoll, zwei Mega-Dropdown-Menüs mit dem gleichen Inhalt anzubieten. Die mitkopierten Rubrikenüberschriften-Seiten und Link-Seiten sollten deshalb umbenannt und mit neuem Inhalt versehen werden. Sie sollten nicht so unverändert bleiben, wie sie der folgende Screenshot der Webansicht zeigt: | ||
| − | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 32.jpg|Abbildung 32|left]] | + | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 32.jpg|Abbildung 32|left|mini|ohne|1000px]] |
<br clear=all> | <br clear=all> | ||
Darüber hinaus können Sie überflüssige / überflüssig gewordene Link-Seiten oder Rubrikenüberschriften-Seiten oder Mega-Dropdown-Menü-Seiten im Backend nach dem Markieren der jeweiligen Seite über die rechte Maustaste mit "Seitenaktionen / Löschen" aus dem Seitenbaum entfernen: | Darüber hinaus können Sie überflüssige / überflüssig gewordene Link-Seiten oder Rubrikenüberschriften-Seiten oder Mega-Dropdown-Menü-Seiten im Backend nach dem Markieren der jeweiligen Seite über die rechte Maustaste mit "Seitenaktionen / Löschen" aus dem Seitenbaum entfernen: | ||
| − | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 33.jpg|Abbildung 33|left]] | + | [[Datei:Screenshot Webanwendungen TYPO3 Mega Dropdown Menue einfuegen 33.jpg|Abbildung 33|left|mini|ohne|1000px]] |
<br clear=all> | <br clear=all> | ||
Version vom 12. Juni 2021, 10:29 Uhr
Allgemeine Informationen
| Anleitung | |
|---|---|
| Informationen | |
| Betriebssystem | Alle |
| Service | TYPO3 |
| Interessant für | Angestellte, Bereiche und Studierende |
| HilfeWiki des ZIM der Uni Paderborn | |
 | This article is only a draft. Information provided here is most possibly incomplete and/or imprecise. Feel free to help us by expanding it. |
Schritt für Schritt Anleitung[Bearbeiten | Quelltext bearbeiten]
Wenn Sie für Ihren Bereich ein Mega-Dropdown-Menü wünschen, kontaktieren Sie bitte das IMT über imt@upb.de, teilen Sie Ihre Wünsche mit und begründen Sie den Bedarf. Mega-Dropdown-Menüs sollen nur bei größeren Websites mit vielen Webseiten zum Einsatz kommen, bei denen eine Navigation über Kontextmenüs und Linkboxen nicht ausreicht, um dem Nutzer einen hinreichenden Überblick zu verschaffen. Wird Ihrem Wunsche entsprochen, richtet das IMT in Ihrem Typo3-Bereich einen Ordner "Navigation", darunter einen Ordner "Hauptmenü", darunter eine Verweisseite "Eintrag Megadropdown" für das erste Mega-Dropdown-Menü, darunter eine Standardseite "Eintrag Megadropdown" für die erste Rubrikenüberschrift und darunter wieder eine Verweisseite "Eintrag Megadropdown" für den ersten Link innerhalb der ersten Rubrik ein. Weitere Mega-Dropdown-Menüs, Rubrikenüberschriften und Links können einfach durch Kopieren, Einfügen, Umbenennen und Bearbeiten dieser Vorlagen erzeugt werden.
In der Webansicht z. B. der Seite "Seite 1" sieht das geschlossene Mega-Dropdown-Menü dann folgendenmaßen aus:
Und das geöffnete Mega-Dropdown-Menü so:
Sie können - und sollten - nun das Mega-Dropdown-Menü über "rechte Maustaste / Bearbeiten" an Ihre Bedürfnisse anpassen:
Da das Mega-Dropdown-Menü oben den Eintrag "DIREKT ZUR SEITE [Name des Mega-Dropdown-Menüs mit Link auf eine Standardseite]" enthält, müssen Sie unter "Verweisziel" eine Seite angeben, auf die im Anschluss an "DIREKT ZUR SEITE" verlinkt werden soll. Die verlinkte Seite sollte einen Überblick über die Inhalte des Mega-Dropdown-Menüs und entsprechende Links bieten, wie es an der Universität Paderborn z. B. auf den Seiten http://www.uni-paderborn.de/studium/ oder http://www.uni-paderborn.de/fakultaeten/ zu sehen ist. Klicken Sie also auf "Datensätze durchblättern":
Wählen Sie eine Seite als Verweisziel - hier im Beispiel die Seite "Seite 1":
Ändern Sie den Seitentitel, der zugleich der Name des Mega-Dropdown-Menüs ist, aber nicht mit dem Seitentitel/Namen der verlinkten Seite identisch sein muss. Zur leichteren Orientierung in Typo3 ist es jedoch in der Regel sinnvoll, den gleichen Seitentitel zu verwenden. In diesem Beispiel hat das allerdings den Nachteil, dass nun der Name des Mega-Dropdown-Menüs - "Seite 1" - wenig aussagekräftig ist:
Und so sieht das Mega-Dropdown-Menü nach der Umbenennung in der Webansicht aus:
Anschließend sollten Sie auch die Rubrikenüberschrift und den Link Ihren Bedürfnissen anpassen. Wählen Sie bei den Standardseite für die Rubrikenüberschrift über die rechte Maustaste "Bearbeiten":
Markieren Sie auf "Allgemein" den Seitentitel:
Überschreiben Sie ihn und speichern Sie anschließend das Dokument. Da die Rubrikenüberschrift nicht mit irgendeiner Seite verlinkt wird und die Seite, deren Seitentitel die Rubrikenüberschrift definiert, eine Standardseite ist, müssen Sie nur den Seitentitel - hier im Beispiel "Rubrik 1" - angeben, nicht aber ein Verweisziel:
Und so sieht das Mega-Dropdown-Menü nach der Umbenennung der Rubrikenüberschrift in der Webansicht aus:
Ändern Sie danach den Link. Wählen Sie über die rechte Maustaste "Bearbeiten":
Klicken Sie auf "Datensätze durchblättern":
Wählen Sie ein Linkziel - hier im Beispiel die Seite "Seite 4e":
Ändern Sie den Seitentitel, der zugleich der Name des Links ist, aber nicht mit dem Seitentitel/Namen der verlinkten Seite identisch sein muss. Zur leichteren Orientierung in Typo3 ist es jedoch in der Regel sinnvoll, den gleichen Seitentitel zu verwenden. In diesem Beispiel hat das allerdings den Nachteil, dass nun der Name des Links - "Seite 4e" - wenig aussagekräftig ist:
Und so sieht das Mega-Dropdown-Menü nach der Umbenennung des Links in der Webansicht aus:
Sie können nun weitere Rubrikenüberschriften und Links hinzufügen. Kopieren Sie dazu am besten einfach - wie auf https://hilfe.uni-paderborn.de/TYPO3_Seite_oder_Seiten_kopieren_und_einf%C3%BCgen beschrieben - die bereits vorhandene Seite mit der Rubrikenüberschrift und die bereits vorhandene Seite mit dem Link, fügen Sie die Kopien an geeigneter Stelle ein, benenennen Sie sie erforderlichenfalls um und passen Sie die Verweisziele an. In diesem Beispiel ist die Standardseite "Rubrik 1" mitsamt der Verweisseite "Seite 4e" kopiert sowie die Kopie eingefügt und umbenannt worden. Anschließend wurde die Verweisseite "Seite 4e" gesondert kopiert, die Kopie eingefügt, in "Neuer Inhalt" umbenannt und das Verweisziel geändert. Das Verweisziel der Seite "Neuer Inhalt" kann man im Seitenbaum freilich nicht unmittelbar erkennen:
So sieht das Mega-Dropdown-Menü mit der zusätzlichen Rubrik in der Webansicht aus:
Sie können in den Mega-Dropdown-Menüs nicht nur auf Standardseiten verlinken, sondern auch auf Seiten, die als Links zu externen Seiten fungieren. Markieren Sie eine Verweisseite - hier "Seite 4e" unter "Rubrik 3" - und wählen Sie über die rechte Maustaste "Seitenaktionen / Neu":
Fügen Sie die neue Seite an geeigneter Stelle im Seitenbaum ein:
Sie können nun auf "Allgemein" als Verweisziel statt einer Standardseite eine Seite wählen, die als Link zu einer externen URL fungiert. Dabei hat eine "externe" URL für Sie jede Webseite, auf die Sie nicht innhalb Ihres Typo3-Bereiches als interne Seite zugreifen können. In diesem Beispiel wird die die Link-zu-externer-URL-Seite "Fakultät für Kulturwissenschaften" als Verweisziel gewählt:
Jetzt müssen Sie noch einen Seitentitel - hier "Fakultät KW" - vergeben, der zugleich der Name des Links im Mega-Dropdown-Menü ist. Speichern und schließen Sie danach das Dokument:
Im Seitenbaum wird nun die neue Verweisseite "Fakultät KW" angezeigt. Dass das Verweisziel eine Link-zu-externer-URL-Seite ist, kann man freilich nicht unmittelbar erkennen:
So sieht das Mega-Dropdown-Menü mit drei Rubriken mit maximal drei Links in der Webansicht aus, wobei die Links in diesem Beispiel zum Teil identisch sind, was in der Praxis in der Regel nicht so häufig vorkommen dürfte/sollte:
Die Anzahl der Links in den Rubriken ist nicht auf drei Links beschränkt. Sie können durchaus bis zu zehn (einzeilige) Links in einer Rubrik unterbringen, sollten aber darauf achten, dass das Mega-Dropdown-Menü insgesamt einigermaßen ausgewogen aussieht, also z. B. nicht die erste Rubrik nur einen einzigen einzeiligen Link, die zweite Rubrik dagegen zehn Links aufweist. Das folgende Beispiel, bei dem die Liste der Links zu den Fakultäten unter "Rubrik 3"vervollständigt wurde, ist insofern ästhetisch nicht optimal:
Und das ist die Webansicht:
Sie können auch ein zweites Mega-Dropdown-Menü oder nacheinander mehrere Mega-Dropdown-Menüs anlegen. Kopieren Sie dazu einfach eine vorhandene Mega-Dropdown-Menü-Seite - in diesem Beispiel die Verweisseite "Seite 1":
Fügen Sie die Kopie an geeigneter Stelle ein - in diesem Beispiel nach der Verweisseite "Seite 1":
Benennen Sie die kopierte Seite um und machen Sie sie über die rechte Maustaste mit einem Klick auf "Aktivieren" sichtbar:
Im Seitenbaum wird die neue Seite nach der Umbennnung - in diesem Beispiel in "MDDM 2" - und nach dem Ausklappen der Unterseiten wie folgt angezeigt:
In der Praxis ist es in der Regel nicht sinnvoll, zwei Mega-Dropdown-Menüs mit dem gleichen Inhalt anzubieten. Die mitkopierten Rubrikenüberschriften-Seiten und Link-Seiten sollten deshalb umbenannt und mit neuem Inhalt versehen werden. Sie sollten nicht so unverändert bleiben, wie sie der folgende Screenshot der Webansicht zeigt:
Darüber hinaus können Sie überflüssige / überflüssig gewordene Link-Seiten oder Rubrikenüberschriften-Seiten oder Mega-Dropdown-Menü-Seiten im Backend nach dem Markieren der jeweiligen Seite über die rechte Maustaste mit "Seitenaktionen / Löschen" aus dem Seitenbaum entfernen:
