Kostenloser Workshop
für TYPO3 Redakteure

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

TYPO3 ist das Content-Management-System, dass 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! :)

Image-5140

TYPO3#001 Wie melde ich mich bei TYPO3 an

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

mehr
Image-5169

TYPO3#002 Was sind Frontend und Backend?

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

mehr
Image-5126

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-5128

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-5127

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-5138

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-5141

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-5131

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-5129

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-5130

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-5132

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-5133

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-5134

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-5170

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-5173

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-5205

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-5174

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-5175

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-5135

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-5176

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-5177

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-5178

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-5179

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-5180

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-5181

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-5136

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-5182

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-5183

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-5184

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-5185

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-5186

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-5187

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-5188

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-5189

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-5190

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-5206

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-5191

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-5192

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-5193

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-5194

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-5195

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-5196

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-5197

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-5198

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-5201

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-5202

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-5207

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-5397

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
Image-5200

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-5137

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-5203

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-5204

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-5208

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-5139

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