De:Dropdown Sitemap
<< Zurück zu De:Overview Extension manuals oder De:Small TYPO3 HowTos
Extension Key: dropdown_sitemap
Der Inhalt dieses Dokuments bezieht sich auf TYPO3, ein GNU/GPL CMS/Framework erhältlich von http://www.typo3.com |
Contents |
Einführung
Wofür ist die Extension da?
Das Dropdown Sitemap Plugin integriert eine neue Art von Menü/Sitemap in die TYPO3-Content-Elemente. Das PlugIn benutzt HTML-Listen-Elemente, CSS und Javascript, um eine Dropdown-Übersicht der Website zu generieren. In dieser kann jeder Abschnitt aus- und wieder zugeklappt werden.
Screenshots
Hier kann man sehen, was das PlugIn leistet:
Benutzer Handbuch
Installation
Die Installation des PlugIns ist denkbar einfach. Man lädt die Extension "" vom Typo3 Extension Repository herunter und installiert sie. Abgelegt wird sie im FRONTEND-Bereich.
Dann erstellt man eine Seite, bindet ein Menü/Sitemap-Element ein und wählt die Erweiterung "Drop-Down-Sitemap" im Pulldown-Menü.
Das "Startingpoint"-Feld kann dazu benutzt werden, eine Seitenübersicht nur für einen bestimmten Website-Bereich zu entwickeln.
Q
Adminstration
Die komplette Konfiguration des PlugIns erfolgt über den "Constant-Editor". Weitere Infos hierzu gibt's weiter unten in der Konfiguration.
FAQ
Warum ist das CHANGELOG nicht übersetzt?
Weiß nicht, ob denn das Changelog so von Übersetzungsinteresse ist. Ich mag's nicht übersetzen, aber wer Spaß daran findet ...
Konfiguration
FAQ
Referenz
Im folgenden Bild gibt's eine komplette Referenz der TypoScript-Optionen des PlugIns. Sie können jeden einzelnen Punkt über den "Constant Editor" einstellen.
|
Property: |
Data type: |
Description: |
Default: |
|---|---|---|---|
| showLevels | int+ | The number of levels to show in the sitemap. | 5 |
| expandLevels | int+ | The number of levels to expand at start. | 0 |
| expAllLink | boolean | Include the link for expanding/collapsing all sections on a click. | 1 |
| excludeList | string | A comma list of the PIDs you don't want to appear in the sitemap. | |
| linkTarget | string | The target of the links in the sitemap. | _self |
| picture.expand | string | The url of the picture used to expand the sitemap. | EXT:dropdown_sitemap/pi1/plus.gif |
| picture.collapse | string | The url of the picture used to collapse the sitemap. | EXT:dropdown_sitemap/pi1/minus.gif |
| picture.params | string | The parameters of the picture used to expand/collapse the sitemap. | hspace="5" vspace="0" border="0" align="middle" |
| picture.width | int+ | The width of the picture used to expand/collapse the sitemap. | 10 |
| picture.height | int+ | The height of the picture used to expand/collapse the sitemap. | 10 |
| list.tag | string | The HTML tag to used for the list elements Possible values:ul |
ol |
| list.type | string | The type of the HTML list element
|
1 |
[tsref:plugin.tx_dropdownsitemap_pi1.]
Tutorial
Aussehen der Sitemap mit CSS gestalten
Dieses Plugin erzeugt eine Sitemap, bei der jeder Abschnitt eine HTML-Liste (OL/UL) ist, und jeder Eintrag ein HTML-Listeneintrag (LI). Es benützt CSS und JavaScript, um die Unterbereiche eines Eintrags aus- und einzublenden. Sie müssen sich nicht um das JavaScript kümmern, aber Sie könnten ein paar Probleme mit dem CSS bekommen, wenn Sie vesuchen, das Aussehen der Sitemap anzupassen.
Um dies zu vermeiden benutzen Sie bitte diese von der Extension verwendeten CSS Styles:
_CSS_DEFAULT_STYLE
.tx-dropdownsitemap-pi1 LI.open OL { display: block; }
.tx-dropdownsitemap-pi1 LI.closed OL { display: none; }
.tx-dropdownsitemap-pi1 LI.open UL { display: block; }
.tx-dropdownsitemap-pi1 LI.closed UL { display: none; }
.tx-dropdownsitemap-pi1 DIV { border: solid 1px #666666; background: #CED8E1; padding: 2px; margin: 2px; }
.tx-dropdownsitemap-pi1 DIV.level_2 { background: #FFFFFF; }
.tx-dropdownsitemap-pi1 DIV.level_3 { background: #D0E0CC; }
.tx-dropdownsitemap-pi1 DIV.level_4 { background: #FFFFFF; }
.tx-dropdownsitemap-pi1 DIV.level_5 { background: #E0CCCC; }
.tx-dropdownsitemap-pi1 DIV.expAll { text-align: center; }
Selbstverständlich können die vorgegebenen CSS styles auch mit diesem Befehl im TypoScript Template gelöscht werden:
plugin.tx_dropdownsitemap_pi1._CSS_DEFAULT_STYLE >
Dann kann man mit einer eigenen CSS Datei das Aussehen der Extension beeinflussen. Aber denken Sie unbedingt daran, die Klassen LI.open und LI.closed zu definieren, welche im obigen Beispiel hervorgehoben sind. Wenn Sie diese Zeilen nicht einfügen, wird der Ausklapp-Effekt nicht mehr funktionieren. Bei allen anderen Dingen können Sie machen, was Sie wollen.
So erzeugen Sie CSS-Selektoren:
- Jede Ebene ist durch ein OL oder UL Element eingepackt.
- Jeder Eintrag der Ebene wird dann zuerst in ein LI Element und anschliessend in ein DIV Element eingepackt. Das DIV-Element hat einen Klassennamen, der mit der Verschachtelungs-Ebene (Level) des Eintrags übereinstimmt (z.b. <div class="level_1">). Somit können Sie in Ihrem CSS Stylesheet diese Klassennamen verwenden, um die Ebenen zu unterscheiden.
Bekannte Probleme
Zur Zeit keine
To-Do list
Changelog
- 1.1.0: Second public relase.
- Fixed a bug with the expand/collapse picture for menu items with no subpages.
- Added some new options, like starting points, expand levels at start, exclude list, expand/collapse all function.
- Added more languages. Thanks a lot to the translators.
- 1.0.0: First public release.
siehe auch
Eine einfache Sitemap mit dem Seitentyp Menü/Sitemap erstellen
<< Zurück zu De:Übersicht über Extension-Handbücher
