--- title: Selected Pages as List – Teaser als Liste für Ihre Website mit toujou url: "https://www.toujou.de/service/elementbibliothek/collections/selected-pages-as-list/" description: "Beispiel zur Ansicht, Anleitung zum Erstellen des Elements sowie das Verhalten der Selected Pages as List für deine toujou-Website. Jetzt informieren!" date: 2022-04-28 modified: 2025-03-26 --- # Selected Pages as List – Teaser als Liste für Ihre Website mit toujou 1. [Home](https://www.toujou.de/) 2. [Service](https://www.toujou.de/service/) 3. [Elementbibliothek](https://www.toujou.de/service/elementbibliothek/) 4. [Collections](https://www.toujou.de/service/elementbibliothek/collections/) 5. [Selected Pages as List](https://www.toujou.de/service/elementbibliothek/collections/selected-pages-as-list/) Selected Pages as List ====================== Mit dem Element *Select Pages as List* können Sie manuell ausgewählte Seiten als Listenform anzeigen und so die interne Link-Struktur Ihrer Website optimieren und zugleich andere Seiten anteasern. [Beispielansicht](#c1012617) [Schritt für Schritt](#c1012615) [Verhalten](#c1012612) --- Beispielansicht --------------- 1. ![In einem modernen Büro stehen mehrere Personen um Computer und Präsentationsmaterialien, die an einem Projekt arbeiten.](https://www.toujou.de/_assets/processed/TsuzvIy0A1CaTiB8IDU1t-NWqtuV1hyH8MTnrbQ29k0/q:85/c:626.94:387:fp:0.5:0.5/rt:force/w:304/h:188/fn:Y3NtXzY4OHgzODctcmVzc291cmNlX3R5cG8zLXVwZ3JhZGVfMDYwNjVkYWFkNA:t/cb:702eb91f388d72d24129b3c2490c05efa1fae82e/bG9jYWw6L2ZpbGVhZG1pbi9CaWxkZXIvQmxvZy1Db250ZW50LzIwMjQvMjAyNF8wM19VcGdyYWRlLVVwZGF0ZS82ODh4Mzg3LXJlc3NvdXJjZV90eXBvMy11cGdyYWRlLnBuZw) Unternehmen ### TYPO3-Updates und Upgrades 20.03.2024 - Jérôme Grad Planbar, kalkulierbar, umsetzbar. Eine Flatrate für TYPO3-Versionssprünge. [ Weiterlesen ](https://www.toujou.de/blog/typo3-updates-und-upgrades/) 2. ![Eine Reihe von Webseiten, die verschiedene Themen und Designs präsentieren, darunter Natur, Technologie und Gemeinschaft.](https://www.toujou.de/_assets/processed/Hwlj7GJVWoOKFBsg9oScaLCh8fiHVMiWpG0TOtzZ7Xk/q:85/c:2754:1700:fp:0.5:0.5/rt:force/w:304/h:188/fn:Y3NtXzIwMTktMTBfS3VuZGVuLU92ZXJ2aWV3X3R1ZXJraXNfMDQwMTdiNzc2MA:t/cb:dd04fcf3390bdc8dcb2a856bfa62ae16bf7f7364/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvUmVmZXJlbnplbi8yMDE5LTEwX0t1bmRlbi1PdmVydmlld190dWVya2lzLnBuZw)### Website erstellen lassen [ Weiterlesen ](https://www.toujou.de/websites/website-erstellen-lassen/) 3. ![Eine Gruppe von Menschen steht in einem modernen Büro, umgeben von Pflanzen und Computern, während sie miteinander sprechen.](https://www.toujou.de/_assets/processed/8DlrZU9BO77wPNUoaAJS5ErS6kRxlp9UhQe-CjmBt98/q:85/c:1296:800:fp:0.5075:0.5/rt:force/w:304/h:188/fn:Y3NtXzE5MjB4ODAwX1dlYi1oZWFkZXJfb2ZmaWNlLXBlb3BsZV80NWIyOWNiOWU4:t/cb:5554be7332ef37eab8411ee2c8fd1013f2499f23/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvaGVhZGVyLzE5MjB4ODAwLzE5MjB4ODAwX1dlYi1oZWFkZXJfb2ZmaWNlLXBlb3BsZS5wbmc)### Support Sie brauchen Tipps für die Darstellung Ihrer Inhalte auf der toujou-Website? Wir helfen Ihnen gerne persönlich weiter. [ Weiterlesen ](https://www.toujou.de/service/support/) 4. ![Pixel SEO-Lupe schwebt über Blatt Papier](https://www.toujou.de/_assets/processed/FnsucXInfNTwMRUigtExpz-Zppt8zT4-Ue79bBwf_WU/q:85/c:850.5:525:fp:0.5:0.5/rt:force/w:304/h:188/fn:Y3NtX1NFT19MdXBlXzkzMHg1MjVfZTBkM2ZhZDZhMg:t/cb:314bf5cbe6d40dab875982de4c87053f01033f89/bG9jYWw6L2ZpbGVhZG1pbi9CaWxkZXIvQmxvZy1Db250ZW50LzIwMjFfMTBfMDNfdHlwbzNfc2VvX2hvd190b19pbl90b3Vqb3UvU0VPX0x1cGVfOTMweDUyNS5wbmc "SEO-Lupe_auf_Blatt_Papier") Yoast SEO ### TYPO3-SEO: Suchmaschinenoptimierung für Ihre Website 29.09.2021 - Jérôme Grad 5 Punkte, wie Sie mit Ihrer Website bei Suchmaschinen mehr Relevanz erhalten und die sich leicht in toujou umsetzen lassen. [ Weiterlesen ](https://www.toujou.de/blog/typo3-seo-suchmaschinenoptimierung-fuer-ihre-website/) 5. ![Anordnung verschiedener Websites in 3D-Ansicht von Sport über Ärzte bis Agentur](https://www.toujou.de/_assets/processed/tQMedOtQU_hR7n3-goeg02AyKY0_CON_KZ-5a3xHkL0/q:85/c:2754:1700:fp:0.5:0.5/rt:force/w:304/h:188/fn:Y3NtX1RlbXBsYXRlX092ZXJ2aWV3X25ldV8yMDIyX2IyZTVlYjI4MjM:t/cb:b62d1a62d7fcde2e49e32c2d4fdb8799c6326f5a/bG9jYWw6L2ZpbGVhZG1pbi9UZW1wbGF0ZV9PdmVydmlld19uZXVfMjAyMi5wbmc)### Website-Templates Website-Templates – von A wie Agentur bis W wie Wohnen. Lassen Sie sich inspirieren! [ Weiterlesen ](https://www.toujou.de/templates/) 6. ![Das Bild zeigt verschieden große beigefarbene Pakete auf einem ockerfarbigen Grund.](https://www.toujou.de/_assets/processed/DC0SAQwKbr2xqySotSeaEXx8t80PbRJrLx8_k1F1Eu4/q:85/c:626.94:387:fp:0.5:0.5/rt:force/w:304/h:188/fn:Y3NtXzY4OHgzODdfYm94ZXNfZmRkZjcxZDcyYg:t/cb:df27c08ccddad7ae7227813e795b272cd8ec2bcd/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvaXRlbXMvNjg4eDM4N19pdGVtcy82ODh4Mzg3X2JveGVzLnBuZw)### Produkt 1 Beispielansicht der Elementbibliothek, die 12,34,- € kostet. Für mehr Informationen klicken Sie auf das Bild. [ Weiterlesen ](https://www.toujou.de/service/elementbibliothek/widgets/product-grid/product-overview/produkt-1/) --- Schritt für Schritt ------------------- [ ![](https://www.toujou.de/_assets/processed/2hU0MV0sxQz0vOSeN7DHKs6IS8oo-wxe4h_9a0Bc7ck/q:85/c:1752.8888888889:986:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtX1NlbGVjdGVkLXBhZ2VzLWFzLWxpc3RfYzFiMmZhMWQ0MQ:t/cb:2bccb662fef2681d50d3ced4c0fc79e8124a54c3/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZWxlbWVudF9saWJyYXJ5LzA0X0NhcmRfZWxlbWVudHMvQ29sbGVjdGlvbnMvU2VsZWN0ZWQtcGFnZXMtYXMtbGlzdC5wbmc) ](https://www.toujou.de/fileadmin/toujou/element_library/04_Card_elements/Collections/Selected-pages-as-list.png) ### Element erstellen - Klicken Sie auf **+Inhalt** und wählen Sie im Reiter *Collections* das Element **Selected Pages as List** an. [ ![](https://www.toujou.de/_assets/processed/yacPY1LyXHOgQ035C0LaRVp0US68rVEzjfTyiSRJ8Qk/q:85/c:1920:1080:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtX1NlbGVjdGVkX3BhZ2VzX2FzX2xpc3Rfc2VpdGVuX3dhZWhsZW5fYWFhYjk1YzBlMw:t/cb:c87888d291402e8864a4a83dfb766030d9d4bb06/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZWxlbWVudF9saWJyYXJ5LzEyX1BhZ2VzX2FzX2xpc3QvU2VsZWN0ZWRfcGFnZXNfYXNfbGlzdF9zZWl0ZW5fd2FlaGxlbi5wbmc) ](https://www.toujou.de/fileadmin/toujou/element_library/12_Pages_as_list/Selected_pages_as_list_seiten_waehlen.png) ### Seiten wählen - Wählen Sie im Reiter Content (Inhalt) im Bereich *Seiten* die gewünschten Seiten, die Sie anzeigen möchten. - Suchen Sie hierfür die gewünschte Seite, indem Sie in das *Suchfeld* den [Seitentitel](https://www.toujou.de/tutorials/seiteneigenschaften/#c1001868) eingeben und auf die **Seite** klicken. Diese erscheint anschließend im Feld darunter. [ ![](https://www.toujou.de/_assets/processed/GuIOJmjvm5vsN07-3dIdqfdEOsaVctsKLJFay3nI4ms/q:85/c:1920:1080:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtX1NlbGVjdGVkX3BhZ2VzX2FzX2xpc3Rfc2VpdGVuX25ldV9hcnJhbmdpZXJlbl8wNjMyMzIzZTAx:t/cb:c6082d4c292cebf2dbf33325e92386f85ba1378e/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZWxlbWVudF9saWJyYXJ5LzEyX1BhZ2VzX2FzX2xpc3QvU2VsZWN0ZWRfcGFnZXNfYXNfbGlzdF9zZWl0ZW5fbmV1X2FycmFuZ2llcmVuLnBuZw) ](https://www.toujou.de/fileadmin/toujou/element_library/12_Pages_as_list/Selected_pages_as_list_seiten_neu_arrangieren.png) ### Seiten neu arrangieren - Mit Klick auf die **Pfeile** rechts des Feldes können Sie die Position der jeweiligen Seite jederzeit editieren – und so die Reihenfolge der Anzeige im Frontend steuern. --- Verhalten --------- **Das Element** ***Selected Pages as List*** **funktioniert nur für Links zu internen Website-Seiten und wird standardmäßig je nach Endgerät ausgespielt. Dabei erscheint die Anzahl an Seiten, die Sie im Backend angelegt und freigeschalten haben. Achten Sie darauf, dass die verlinkten Seiten im Backend nicht verborgen sind.** **Hinweise zur Funktionsweise des Elements:** Das Element erlaubt nur eine Verlinkung zu internen Website-Seiten. In der Listenansicht erscheinen Bild, Titel und Teasertext automatisch. Die dazugehörigen Daten kommen aus den [Seiteneigenschaften](https://www.toujou.de/tutorials/seiteneigenschaften/) der jeweiligen Seite. Für ein Bild muss im Reiter *Ressourcen* eine Datei hinterlegt sein, für den Teasertext im Reiter *Metadaten* im Textfeld *Zusammenhang* der entsprechende Text. Zudem erscheint immer das Icon für den jeweiligen Seitentyp. Außerdem gilt: Sind Kategorien für eine Seite hinterlegt, werden diese ausgespielt. Verwenden Sie das Element zur Ansicht von Blogbeiträgen, werden weitere Seiteneigenschaften wie Erstellungsdatum und Autor angezeigt. Bei Eventseiten wird die Art und der Status dargestellt. **Element Design**: Jeder ausgewählte Seitenlink kann via Element Design und den im Theme-Setting hinterlegten [Farbeinstellung](https://www.toujou.de/service/toujou-setup/farben-festlegen/) innerhalb des Elements farblich individuell angepasst werden. --- Verknüpfte Themen ----------------- [Selected Pages as Card](https://www.toujou.de/service/elementbibliothek/collections/selected-pages-as-card/) [Filtered Pages as card](https://www.toujou.de/service/elementbibliothek/collections/filtered-pages-as-card-collection/) [Selected Pages as Image Card](https://www.toujou.de/service/elementbibliothek/collections/selected-pages-as-image-card/) [Filtered Pages as Image Card](https://www.toujou.de/service/elementbibliothek/collections/filtered-pages-as-image-card-collection/) [Filtered Pages as list](https://www.toujou.de/service/elementbibliothek/collections/filtered-pages-as-list/) [Alle Collections-Elemente](https://www.toujou.de/service/elementbibliothek/collections/) [Blog administration](https://www.toujou.de/tutorials/blog-administration/) [Alle Elemente](https://www.toujou.de/service/elementbibliothek/) [Alle Tutorials](https://www.toujou.de/tutorials/)