Das Typo3 Backend - THM
Transcript of Das Typo3 Backend - THM
![Page 1: Das Typo3 Backend - THM](https://reader030.fdokument.com/reader030/viewer/2022013001/61cb2c8d6b041b47a96dde6e/html5/thumbnails/1.jpg)
Das Typo3 Backendvon Timo Schmidt
Demo Website:
Frontend:http://www.typo3-talk.net/
Backend:http://www.typo3-talk.net/typo3/
![Page 2: Das Typo3 Backend - THM](https://reader030.fdokument.com/reader030/viewer/2022013001/61cb2c8d6b041b47a96dde6e/html5/thumbnails/2.jpg)
AgendaWas ist ein CMS ?
Was ist Typo3 ?
Das Typo3 Backend
Seiten mit Typo3 erzeugen
Benutzerverwaltung im Backend
Fazit
Fragen und Diskussion
![Page 3: Das Typo3 Backend - THM](https://reader030.fdokument.com/reader030/viewer/2022013001/61cb2c8d6b041b47a96dde6e/html5/thumbnails/3.jpg)
Was ist ein CMS ?
Ein Content-Management-System (CMS) ist ein Anwendungsprogramm, das gemeinschaftliche Erstellung und Bearbeitung von Text- und Multimedia-Dokumenten
(Content) ermöglicht und organisiert.
Wikipedia:
CMS Systeme für das Web:
Trennung von:
● Inhalt ● Programmierung ● Design
![Page 4: Das Typo3 Backend - THM](https://reader030.fdokument.com/reader030/viewer/2022013001/61cb2c8d6b041b47a96dde6e/html5/thumbnails/4.jpg)
Was ist ein CMS ?Die Erforderlichkeit von CMS Systemen für das Web wurde vielfach erkannt und es gibt viele Lösungen am Markt.
Die Palette reicht von einfachen Newssysteme bis zu komplexen Enterprise CMS.
![Page 5: Das Typo3 Backend - THM](https://reader030.fdokument.com/reader030/viewer/2022013001/61cb2c8d6b041b47a96dde6e/html5/thumbnails/5.jpg)
Was ist Typo3 ?
Typo3 ist ein OpenSource Content Management System.
Durch GPL Lizenz von jedem frei einsetzbar und erweiterbar im Sinne der GPL.
Basiert auf:
●PHP●MySQL (andere Datenbanken möglich)●ImageMagic
Website:
www.typo3.org
![Page 6: Das Typo3 Backend - THM](https://reader030.fdokument.com/reader030/viewer/2022013001/61cb2c8d6b041b47a96dde6e/html5/thumbnails/6.jpg)
Was ist Typo3 ? -> Historie
● 1997: Der Dänische Student Kasper Skårhøj hat die Idee ein neues CMS zu entwickeln.
● 1998: Kasper Skårhøj gründet mit einem Freund die Firma „superfish.com“ um sein Produkt besser zu vermarkten. Kasper erkennt jedoch, dass die Vermarktung über ein Unternehmen nichts für ihn ist. Er einigt sich mit seinem Partner, dass er alle Rechte an Typo3 behält und der Partner dafür den Rest der Firma bekommt.
![Page 7: Das Typo3 Backend - THM](https://reader030.fdokument.com/reader030/viewer/2022013001/61cb2c8d6b041b47a96dde6e/html5/thumbnails/7.jpg)
Was ist Typo3 ? -> HistorieWas ist Typo3 ? -> HistorieWas ist Typo3 ? -> Historie● 2000: Typo3 wird erstmalig für die Öffentlichkeit freigegeben. Es entsteht langsam eine Community rund um Typo3.
● 2001: Kasper und seine Frau Rie beschliessen eine Snowboard Tour als Community Event durchzuführen um die Menschen kennenzulernen, die sie bis dahin nur von Emails kennen. Bei der ersten Tour in Splügen nehmen 25 Menschen teil.
●2006: Die Version 4.0 von Typo3 wurde released. Typo3 bietet neue Funktionen wie mehrere Workspaces und einen neuen Editor im Backend.
![Page 8: Das Typo3 Backend - THM](https://reader030.fdokument.com/reader030/viewer/2022013001/61cb2c8d6b041b47a96dde6e/html5/thumbnails/8.jpg)
Was ist Typo3 ? -> HistorieDurch seine Enterprisemerkmale wird Typo3 heute schon von vielen Firmen weltweit genutzt.
![Page 9: Das Typo3 Backend - THM](https://reader030.fdokument.com/reader030/viewer/2022013001/61cb2c8d6b041b47a96dde6e/html5/thumbnails/9.jpg)
Was ist Typo3 ?
Frontend Backend
![Page 10: Das Typo3 Backend - THM](https://reader030.fdokument.com/reader030/viewer/2022013001/61cb2c8d6b041b47a96dde6e/html5/thumbnails/10.jpg)
Das Typo3 Backend
![Page 11: Das Typo3 Backend - THM](https://reader030.fdokument.com/reader030/viewer/2022013001/61cb2c8d6b041b47a96dde6e/html5/thumbnails/11.jpg)
Backend Navigation
![Page 12: Das Typo3 Backend - THM](https://reader030.fdokument.com/reader030/viewer/2022013001/61cb2c8d6b041b47a96dde6e/html5/thumbnails/12.jpg)
Pagetree
![Page 13: Das Typo3 Backend - THM](https://reader030.fdokument.com/reader030/viewer/2022013001/61cb2c8d6b041b47a96dde6e/html5/thumbnails/13.jpg)
Editbereich
![Page 14: Das Typo3 Backend - THM](https://reader030.fdokument.com/reader030/viewer/2022013001/61cb2c8d6b041b47a96dde6e/html5/thumbnails/14.jpg)
Workspaceauswahl
![Page 15: Das Typo3 Backend - THM](https://reader030.fdokument.com/reader030/viewer/2022013001/61cb2c8d6b041b47a96dde6e/html5/thumbnails/15.jpg)
Seitenbehälter erstellen
![Page 16: Das Typo3 Backend - THM](https://reader030.fdokument.com/reader030/viewer/2022013001/61cb2c8d6b041b47a96dde6e/html5/thumbnails/16.jpg)
Seitenbehälter erstellen● Typ „Standard“ auswählen● Titel eintragen● Weite Optionen eintragen● Speichern
Seitenbehälter erscheint im Pagetree
![Page 17: Das Typo3 Backend - THM](https://reader030.fdokument.com/reader030/viewer/2022013001/61cb2c8d6b041b47a96dde6e/html5/thumbnails/17.jpg)
Seiteninhalt erstellen● Im Pagetree zum Seitenbehälter navigieren
● Button „Seiteninhalt anlegen“ auswählen
![Page 18: Das Typo3 Backend - THM](https://reader030.fdokument.com/reader030/viewer/2022013001/61cb2c8d6b041b47a96dde6e/html5/thumbnails/18.jpg)
Seiteninhalt erstellen● Inhaltstyp wählen
![Page 19: Das Typo3 Backend - THM](https://reader030.fdokument.com/reader030/viewer/2022013001/61cb2c8d6b041b47a96dde6e/html5/thumbnails/19.jpg)
Seiteninhalt erstellen● Titel eingeben und Inhalte im RTE erstellen
![Page 20: Das Typo3 Backend - THM](https://reader030.fdokument.com/reader030/viewer/2022013001/61cb2c8d6b041b47a96dde6e/html5/thumbnails/20.jpg)
Gruppe anlegen
![Page 21: Das Typo3 Backend - THM](https://reader030.fdokument.com/reader030/viewer/2022013001/61cb2c8d6b041b47a96dde6e/html5/thumbnails/21.jpg)
Gruppe anlegen● Gruppenname eintragen
● DB Mount eintragen
● Filemount eintragen
![Page 22: Das Typo3 Backend - THM](https://reader030.fdokument.com/reader030/viewer/2022013001/61cb2c8d6b041b47a96dde6e/html5/thumbnails/22.jpg)
Benutzer anlegen● Menüpunkt „Tools -> Benutzer“
● Liste der Benutzer und verfügbaren Aktionen erscheint.
![Page 23: Das Typo3 Backend - THM](https://reader030.fdokument.com/reader030/viewer/2022013001/61cb2c8d6b041b47a96dde6e/html5/thumbnails/23.jpg)
Benutzer anlegen● Benutzerdaten -> Benutzername / Passwort
● Gruppe zuordnen
● Admin Ja/Nein
● Groups
● Mount from Groups aktivieren
● DB Mounts
● Filemounts
![Page 24: Das Typo3 Backend - THM](https://reader030.fdokument.com/reader030/viewer/2022013001/61cb2c8d6b041b47a96dde6e/html5/thumbnails/24.jpg)
Pagetreerechte anpassen
![Page 25: Das Typo3 Backend - THM](https://reader030.fdokument.com/reader030/viewer/2022013001/61cb2c8d6b041b47a96dde6e/html5/thumbnails/25.jpg)
Pagetreerechte anpassen
![Page 26: Das Typo3 Backend - THM](https://reader030.fdokument.com/reader030/viewer/2022013001/61cb2c8d6b041b47a96dde6e/html5/thumbnails/26.jpg)
Rechte prüfen
In die Umgebung dieses Benutzers wechseln
![Page 27: Das Typo3 Backend - THM](https://reader030.fdokument.com/reader030/viewer/2022013001/61cb2c8d6b041b47a96dde6e/html5/thumbnails/27.jpg)
Integration eines Templates
Content-bereich
Menü
Rootline
Logo
Vorlage:
![Page 28: Das Typo3 Backend - THM](https://reader030.fdokument.com/reader030/viewer/2022013001/61cb2c8d6b041b47a96dde6e/html5/thumbnails/28.jpg)
Integration eines Template<body><!-- ###DOCUMENT_BODY### START--><div id="Page">
<div id="TopLayer"></div><div id="LogoLayer">###LOGO###</div><div id="RootlineLayer">###ROOTLINE###</div><div id="Middle">
<div id="Menu"><!-- ###MENU### START-->
<a href="einfuehrung.htm">Navigationslink</a><!-- ###MENU### END-->
</div> <div id="Content">
<!-- ###CONTENT### START--> <h1>Willkommen</h1> <h2>Hier soll der Inhalt später stehen.</h2>
<p>An dieser Stelle soll später Inhalt eingefügt werden.</p><!-- ###CONTENT### END-->
</div></div><div id="FooterLayer"></div>
</div><!-- ###DOCUMENT_BODY### END--></body>
Subpart
Marker
![Page 29: Das Typo3 Backend - THM](https://reader030.fdokument.com/reader030/viewer/2022013001/61cb2c8d6b041b47a96dde6e/html5/thumbnails/29.jpg)
TypoScript Setup#Erzeugen eines Pageobjekt in „page“page = PAGE#Zuweisen des Sytlesheet Files mit * damit die aktuelle Version genutzt wirdpage.stylesheet = style*.css#Typ der Seite ist 0, hiermit können verschiedene Typen ausgewählt # werden z.b. für eine Druckansichtpage.typeNum = 0
page.20 = TEMPLATE#Template ist eine Datei page.20.template = FILE#Der Dateiname ist template*.html, * für aktuelle Versionpage.20.template.file = template*.html
![Page 30: Das Typo3 Backend - THM](https://reader030.fdokument.com/reader030/viewer/2022013001/61cb2c8d6b041b47a96dde6e/html5/thumbnails/30.jpg)
TypoScript Setuppage.20.workOnSubpart = DOCUMENT_BODYpage.20.subparts {
CONTENT < styles.content.getMENU = HMENU
MENU.1 = TMENU MENU.1 {
NO = 1 NO.allWrap = <div id="level1"> | </div> } MENU.2 = TMENU MENU.2 {
NO = 1 NO.allWrap = <div id="level2"> | </div> } }
![Page 31: Das Typo3 Backend - THM](https://reader030.fdokument.com/reader030/viewer/2022013001/61cb2c8d6b041b47a96dde6e/html5/thumbnails/31.jpg)
TypoScript Setuppage.20.marks{
LOGO = IMAGELOGO.file = logo-typo3*.gif
ROOTLINE = HMENUROOTLINE.special=rootlineROOTLINE.special.range= 0 | -1ROOTLINE.1=TMENUROOTLINE.1.NO.allWrap= | / |*| | / |*| |
}
![Page 32: Das Typo3 Backend - THM](https://reader030.fdokument.com/reader030/viewer/2022013001/61cb2c8d6b041b47a96dde6e/html5/thumbnails/32.jpg)
Fazit:
● mächtiges System● Einarbeitung nötig
● umfangreich für kleines Seminar
![Page 33: Das Typo3 Backend - THM](https://reader030.fdokument.com/reader030/viewer/2022013001/61cb2c8d6b041b47a96dde6e/html5/thumbnails/33.jpg)
Fragen
&
Diskussion