kostenloser Workshop
für TYPO3 Redakteure

Sag mal ... warum macht Ihr eigentlich TYPO3 Videos? Nichts leichter als das, kommt mit! 

TYPO3 ist das Content-Management-System, das wir nutzen, um Webseiten zu erstellen, also quasi unsere digitale Werkzeugkiste. Mit TYPO3 ist es kinderleicht tolle Webseiten zu erstellen, allerdings ist TYPO3 selbst sehr komplex. Um unseren Kunden und auch allen anderen Neueinsteigern die Arbeit mit dem System so einfach wie möglich zu gestalten, haben wir uns entschieden kleine Tutorials zu den verschiedenen Anwendungsbereichen in TYPO3 zu erstellen. Klingt merkwürdig, ist aber so!

Passendes Tutorial nicht gefunden? Wir sind offen für alle Themen rund um TYPO3, also zögert nicht uns auch Vorschläge & Ideen für weitere Videotutorials zu schicken! :)

  • TYPO3#001 Wie melde ich mich an TYPO3 an

    Jonah und Stefan erklären TYPO3 | Wie melde ich mich im Backend an?

    [mehr]
    image-5140
  • TYPO3#002 Was sind Frontend und Backend?

    Jonah und Stefan erklären TYPO3 | Was sind Front- und Backend

    [mehr]
    image-5169
  • TYPO3#003 Bildausschnitt für Desktop/Tablet/Mobile

    Jonah und Stefan erklären TYPO3: Wir klären wie man mit dem Bildbearbeitungswerkzeug von TYPO3 die richtigen Ausschnitte für die verschiedenen…

    [mehr]
    image-5126
  • TYPO3#004 Das News Modul

    Jonah und Stefan erklären TYPO3: Aktuelle Inhalte zeitgesteuert ausgeben. Das genau macht das NEWS Modul. Kurze Einführung in die sehr flexible und…

    [mehr]
    image-5128
  • TYPO3#005 Unterschied zwischen Referenz und Kopie

    Jonah und Stefan erklären TYPO3: Was passiert, wenn man eine Referenz benutzt, anstelle einer Kopie eines Inhaltes? Genau das zeigen wir hier, und…

    [mehr]
    image-5127
  • TYPO3#006 News Modul

    Jonah und Stefan erklären TYPO3: 

    News Modul - Was ist der Unterschied zwischen 

    • interner Link
    • externer Link
    • und Nachrichten
    [mehr]
    image-5138
  • TYPO3#007 Welche Videoformate unterstützt Typo3

    Jonah und Stefan erklären TYPO3: 

    Wie kann ich eigentlich Videos über Typo3 einbinden…..klingt merkwürdig, ist aber so ;.)

    [mehr]
    image-5141
  • TYPO3#008 Wie kann ich nach Seiten oder Seiteninhalt suchen?

    Jonah und Stefan erklären TYPO3: 

    Wie suche ich in TYPO3 nach Seiten oder Seiteninhalt ... klingt merkwürdig, ist aber so ;)

    [mehr]
    image-5131
  • TYPO3#009 Was kann ich mit den Lesezeichen in einem TYPO3 System als Redakteur so tun?

    Jonah und Stefan erklären TYPO3: 

    Was kann ich mit den Lesezeichen in einem TYPO3 System als Redakteur so tun?

    [mehr]
    image-5129
  • TYPO3#010 Wie kann ich interne und externe Links auf Seitenelemente setzen?

    Jonah und Stefan erklären TYPO3: 

    Wie kann ich interne und externe Links auf Seitenelemente setzen?

    [mehr]
    image-5130
  • TYPO3#011 Wie kann ich Elementen einen Abstand geben?

    Jonah und Stefan erklären TYPO3: 

    Wie kann ich Elementen einen Abstand geben?
    Und was sind eigentlich Padding, Margin und Rem?

    [mehr]
    image-5132
  • TYPO3 #012 Wie kann ich Seiten oder Seitenelemente zeitgesteuert ein- und ausblenden?

    Jonah und Stefan erklären TYPO3: 

    Wie kann ich Inhaltselemente oder ganze Seiten zeitgesteuert ein- und ausblenden?

    [mehr]
    image-5133
  • TYPO3 #013 Grid-System: Das 12er Raster von Bootstrap

    Jonah und Stefan erklären TYPO3: 

    Das Grundgerüst hinter den Webseiten, das Bootstrap Grid-System im 12er Raster... klingt merkwürdig, ist aber so ;)

    [mehr]
    image-5134
  • TYPO3 #014 Grid-System: Jumbotron | Main-Content | Footer

     

    TYPO3: Soll ich meinen Webseiteninhalt im Jumbotron, im Main-conten, oder doch eher im Footer platzieren?…..klingt merkwürdig, ist aber so ;.)

    [mehr]
    image-5170
  • TYPO3#015 Container oder No-Container?

    TYPO3: Elemente in einen Container setzen, oder auf die volle Breite der Seite spannen (no-container)?…..klingt merkwürdig, ist aber so ;)

    [mehr]
    image-5173
  • TYPO3#016 Grid System: Spaltenelemente und Columns in TYPO3

    Jonah und Stefan erklären TYPO3: 

    Elemente in verschiedene Spalten setzen ... zwei, drei, vier, sechs, oder gleich ein Dutzend?…..klingt merkwürdig,…

    [mehr]
    image-5205
  • TYPO03#017 Grid Elements: Wie passe ich Spaltenelemente an? Mobile Ausgabe

    Stefan und Jonah erklären TYPO3:

    Spaltenelemente anpassen ... breiter, schmaler und wie sieht das Ganze dann auf einem Smartphone aus?…..klingt…

    [mehr]
    image-5174
  • Typo3#018 Elemente auf verschiedenen Ausgabegeräten sicht- und unsichtbar machen

    Stefan und Jonah erklären TYPO3:

     

    Wie kann ich Elemente auf bestimmten Ausgabegeräten ein- und ausblenden? …..klingt merkwürdig, ist aber so ;)

    [mehr]
    image-5175
  • TYPO3#019 Link the entire content Element

    Stefan und Jonah erklären TYPO3:

    Nur eine Überschrift, oder doch ein ganzes element verlinken? …..klingt merkwürdig, ist aber so ;)

    [mehr]
    image-5135
  • TYPO3#020 Der Background-Wrapper - Hintergründe einfärben & anpassen

    Stefan und Jonah erklären TYPO3:

    Elementen einen Abstand geben, deren Hintergrund einfärben und vieles mehr ...  klingt merkwürdig, ist aber so ;.) 

    [mehr]
    image-5176
  • TYPO3 #021 Der Background-Wrapper mit Bild im Hintergrund / Sections mit Hintergrundbild

    Jonah und Stefan erklären TYPO3:

    Mit dem Background Wrapper-Element einzelnen Elementen, oder ganzen Sections ein Hintergrundbild geben ... klingt…

    [mehr]
    image-5177
  • TYPO3#022 Background- und Parallax Wrapper | Dynamische Hintergrundbilder gestalten

    Stefan und Jonah erklären TYPO3:

    Mit dem Background- & Parallax-Wrappern den Hintergrund einer Section dynamisch gestalten ... klingt merkwürdig, ist…

    [mehr]
    image-5178
  • TYPO3#023 Elemente mit ANIMATE animieren

    Stefan und Jonah erklären TYPO3:

    Mit der Animate-Klasse Elementen Leben einhauchen ... klingt merkwürdig, ist aber so ;.)

    [mehr]
    image-5179
  • TYPO3#024 Was macht ein Redakteur eigentlich?

    Stefan und Jonah erklären TYPO3:

    Seiten erstellen, verschieben, löschen und vieles mehr. Was macht ein Redakteur eigentlich? ... klingt merkwürdig,…

    [mehr]
    image-5180
  • TYPO3#025 ANIMATE.CSS - Verschiedene Effekte um Elemente zu animieren

    Stefan und Jonah erklären TYPO3:

    Bounce, Zoom, Fade und vieles mehr mit Animate.css ... klingt merkwürdig, ist aber so ;)

    Zum selbst probieren:

    [mehr]
    image-5181
  • TYPO3#026 Das Text & Medien Element und wie man es nutzt

    Stefan und Jonah erklären TYPO3:

    Eine Überschrift, ein Bild und etwas Text ... simpel und dennoch häufig genutzt auf einer Webseite ... klingt…

    [mehr]
    image-5136
  • TYPO3#027 Das "Aufzählung" Element | TYPO3 Content Elemente

    Stefan und Jonah erklären Typo3:

    Eine Aufzählung, bzw. Liste erstellen ... sortiert, unsortiert, oder im Bootstrap Stil. Klingt merkwürdig, ist aber…

    [mehr]
    image-5182
  • TYPO3#028 Das "Tabellen" Element | TYPO3 Content Elemente

    Stefan und Jonah erklären Typo3:

    Kinderleicht Tabellen über den Typo3 Tabelleneditor gestalten. Responsiv, dark, bordered, oder mit HTML-Quellcode…

    [mehr]
    image-5183
  • TYPO3#029 Das "Dateilink" Element | TYPO3 Content Elemente

    Stefan und Jonah erklären Typo3:

    Einzelne Dateien mit Vorschaubildern und Dateiinfos verknüpfen, oder gleich ganze Dateisammlungen erstellen ...…

    [mehr]
    image-5184
  • TYPO3#030 Menüs: Unterseiten & Zusammenfassungen

    Stefan und Jonah erklären Typo3:

    Die Unterseiten einer Seite als Menü ausgeben, mit einfachen Links, oder sogar mit Zusammenfassungen des Inhalts ...…

    [mehr]
    image-5185
  • TYPO3#031 Menüs: Kategorisierte Seiten

    Stefan und Jonah erklären Typo3:

    Seiten einer Kategorie zuweisen und diese dann nach gewünschter Kategorie als Menü ausgeben ... klingt merkwürdig,…

    [mehr]
    image-5186
  • TYPO3#032 Menüs: Sitemap

    Stefan und Jonah erklären Typo3:

    Mit einer Sitemap lassen sich alle (aktiven) Seiten des Seitenbaumes einer Website im Frontend als Menü/ Liste…

    [mehr]
    image-5187
  • TYPO3#033 Menüs: Verwandte Seiten

    Stefan und Jonah erklären Typo3:

    Über die Meta-Tags einer Seite lassen sich Schlagworte vergeben und daraus lassen sich wiederum sogenannte Menüs…

    [mehr]
    image-5188
  • TYPO3#034 Menüs: Neulich aktualisierte Seiten

    Stefan und Jonah erklären Typo3:

    Mit diesem speziellen Menü werden die letzten bearbeiteten Seiten in einem ausgewähltem Seitenbaum (max. 10)…

    [mehr]
    image-5189
  • TYPO3#035 Besondere Elemente: Das "Trenner"-Element

    Stefan und Jonah erklären Typo3:

    Mit dem Trenner lassen sich kinderleicht Texte, oder andere Elemente visuell voneinander trennen. Über CSS lässt…

    [mehr]
    image-5190
  • TYPO3#036 Besondere Elemente: Reines HTML

    Stefan und Jonah erklären Typo3:

    HTML ist die Auszeichnungssprache, die von Browsern zur Darstellung des Web ausgegeben wird. Überall da, wo die…

    [mehr]
    image-5206
  • TYPO3#037 Bootstrap Elemente: Cards Teil 1

    Stefan und Jonah erklären Typo3:

    Wir starten mit den (T3S)Bootstrap Elementen. Die "Cards" sind eine einfache Möglichkeit um komplexen Content simpel…

    [mehr]
    image-5191
  • TYPO3#038 Bootstrap Elemente: Cards Teil 2

    Stefan und Jonah erklären Typo3:

    Weiter geht's mit den Cards. Wir fügen einfache Buttons mit Link ein und setzten im nächsten Schritt sogar das…

    [mehr]
    image-5192
  • TYPO3#039 Bootstrap Elemente: Card Wrapper

    Stefan und Jonah erklären Typo3:

    Mit dem Card Wrapper lassen sich Bootstrap-Cards unterschiedlich anordnen. So kann man Sie sliden lassen, als…

    [mehr]
    image-5193
  • TYPO3#040 Bootstrap Elemente: Carousel (Slider)

    Stefan und Jonah erklären TYPO3:

    Mit dem Bootstrap Carousel lassen sich Elemente "sliden". Das kann nützlich sein um z.B. Informationen, oder Bilder…

    [mehr]
    image-5194
  • TYPO3#041 Bootstrap Elemente: Buttons

    Stefan und Jonah erklären TYPO3:

    Mit dem Bootstrap Button haben wir eine sehr einfache, aber trotzdem gut aussehende Lösung, um Knöpfe einzubauen.

    [mehr]
    image-5195
  • TYPO3#042 Bootstrap Elemente: Button Group

    Stefan und Jonah erklären TYPO3:

    Mit der Bootstrap Button Group lassen sich Buttons ganz einfach gruppieren und in verschiedenen Varianten anordnen.…

    [mehr]
    image-5196
  • TYPO3#043 Bootstrap Elemente: Bootstrap Gallery

    Marcel und Jonah erklären TYPO3:

    Mit der Bootstrap Gallery lassen sich Medienelemente wie Bilder und Videos verschieden anordnen und ausgeben. Über…

    [mehr]
    image-5197
  • TYPO3#044 Bootstrap Elemente: Akkordeons / Collapsibles

    Marcel und Jonah erklären TYPO3:

    Mit den Collapsible-Elements lassen sich sogenannte Akkordeons - das sind Klappboxen - erstellen. Dadurch lässt sich…

    [mehr]
    image-5198
  • TYPO3#045 Bootstrap Elemente: Modal Container

    Stefan und Jonah erklären TYPO3:

    Der Modal Container bietet die Möglichkeit über Buttons oder Headlines verschiedene Elemente in einer Box…

    [mehr]
    image-5201
  • TYPO3#046 Bootstrap Elemente: Tab Elemente

    Stefan und Jonah erklären TYPO3:

    Mit den Tab Containern lassen sich Elemente wie man es in von Internet Browsern kennt in verschiedenen Tabs,…

    [mehr]
    image-5202
  • TYPO3#047 TYPO3 Backend: Seiten im Seitenbaum

    Stefan und Jonah erklären TYPO3:

    Back to the basics ... im Seitenbaum lassen sich Seiten erstellen, umbenennen, verschieben uvm. In diesem und den…

    [mehr]
    image-5207
  • TYPO3#048 TYPO3 Backend: Listenansicht - Sortierung nach Eigenschaft

    Stefan und Jonah erklären TYPO3:

    Die Listenansicht bietet verschiedenste hilfreiche Funktionen, wie beispielsweise das Sortieren der Elemente nach…

    [mehr]
    Dummy image
  • TYPO3#049 TYPO3 Backend: Der Papierkorb

    Stefan und Jonah erklären TYPO3:

    Das Backend Feature "Papierkorb" bietet sehr nützliche Funktionen, gerade für Redakteure, die versehentlich zu…

    [mehr]
    image-5200
  • Tipps für Redakteure #001 - Bilder mit Photoshop komprimieren

    In diesem Video erklären wir die wohl simpelste Methode um per Photoshop Bilder für das Web zu komprimieren. Die Bilder haben dabei wenig…

    [mehr]
    image-5137
  • Wie Webseiten Zeit sparen und Prozesse automatisieren: Das Intro

    Marcel und Stefan erklären Webseiten:

    In den kommenden Videos erklären wir euch im Detail wie Ihr über Webseiten in eurem Unternehmen Zeit sparen…

    [mehr]
    image-5203
  • Zeitsparen durch business optimierte Webseiten #001 Kundensupport

    Marcel und Stefan erklären Webseiten:

    In diesem Video erklären wir euch eine handvoll Methoden, mit denen man Kundensupport auf einer Webseite…

    [mehr]
    image-5204
  • Zeitsparen durch business optimierte Webseiten #002 Neukundengewinnung

    Marcel und Stefan erklären Webseiten:

     

    In diesem Video erklären wir euch wie Ihr mit eurer Website automatisch Traffic generieren und damit auch…

    [mehr]
    image-5208
  • Zeitsparen durch business optimierte Webseiten #003 Online Terminvereinbarung

    Marcel und Stefan erklären Webseiten:

     

    In diesem Video erklären wir euch, wie über eine Website Termine automatisiert angelegt und verarbeitet…

    [mehr]
    image-5139