toujou
+49 911 23980-870
29.07.2022 Jérôme Grad

»How to toujou« als Redakteur

Tipps und Tricks für effizientes Arbeiten im toujou-Backend

Für das Erstellen einer Webseite stehen unseren Kund:innen mit dem Content Management System TYPO3 viele Hilfsmittel zur Seite. Richtig eingesetzt, helfen Sie Zeit beim redaktionellen Arbeiten zu sparen. 

In diesem Blogbeitrag beleuchten wir daher die (viel zu oft) ungenutzten Funktionen der Listenansicht und des Fileadmins. Daneben zeigen wir, wie das Einblenden, Kopieren und Löschen von Seiten zügig gelingt. En top gibt es den Kniff, wie sich mehrere Seiten auf einmal erstellen lassen. Legen wir los!

Auf dieser Seite toujou testen?

 

Arbeiten mit toujou-Elementen

Einzelnes Element bearbeiten

Um ein Element zu bearbeiten, empfehlen wir Folgendes: Sie fahren mit der Maus über das Element bis der Cursor als Hand angezeigt wird und klicken so direkt in das Element. Anschließend editieren Sie den Inhalt. Alternativ können Sie natürlich auch auf das Stift-Icon am rechten oberen Rand des Element-Kastens klicken.

Möchten Sie mehrere ausgewählte Elemente einer Seite gleichzeitig bearbeiten, folgen Sie den Schritten, die wir weiter unten aufgeführt haben.

Element auf Seite verschieben

Ein Element auf einer Seite verschieben Sie ganz leicht per Drag'n'Drop.

Dafür navigieren Sie mit der Maus auf die Dachzeile des Elements bis ein Kreuz-Symbol erscheint. Wählen Sie das Element an dieser Stelle an und halten Sie die Maustaste gedrückt. Durch Scrollen verschieben Sie anschließend das Element bis zur gewünschten Stelle. Bevor Sie die Maustaste loslassen, sollte der Cursor auf ein grünes Feld zeigen.

Achten Sie darauf, dass sich der Cursor der Maus stets in der rechten Seitenspalte befindet und nicht im Bereich des Seitenbaums oder der Modulleiste.

Mehrere Elemente einer Seite auf einmal bearbeiten

Sie klicken beim Erstellen oder Editieren einer Website jedes Element einzeln an? Wir haben eine bessere Lösung.

Nutzen Sie das Bearbeiten-Icon oben rechts in einem Seitenbereich. Anschließend öffnen sich alle dort gelisteten Elemente. Besonders wertvoll ist dieses Feature für kopierte Seiten und da insbesondere im Inhaltsbereich (content area), in dem in der Regel die meisten Elemente hinterlegt sind.

Wichtig: Speichern Sie immer wieder zwischen, um bei einem kurzfristigen Internetausfall nicht alle Änderungen zu verlieren.

Mehrere Elemente auf andere Seite kopieren

Die Funktion »Elemente kopieren« ist ein sehr hilfreiches und zeitsparendes Feature. Sie müssen nicht jedes Element einzeln von einer Seite auf die andere übertragen, sondern können das mittels weniger Handgriffe schnell umsetzen. Kein lästiges Wiederholen der immer gleichen Abfolge mit Element anklicken, Element kopieren, Element einfügen und dann wieder von vorne. Spart nicht nur Zeit, sondern auch Nerven.

Seite anklicken

Klicken Sie im Backend auf die Listenansicht einer Seite. Gehen Sie hierfür in der Modulleiste auf Liste und wählen Sie die gewünschte Seite, auf der die zu kopierenden Elemente liegen (in unserem Beispiel »Wie«).

Mehrfachauswahl wählen

Wählen Sie eine Mehrfachauswahl an. Achten Sie bei der Zwischenablage darauf, dass Sie die Option »Elemente kopieren« ausgewählt haben.

Elemente kopieren

Klicken Sie unter Seiteninhalt die Kästchen der zu kopierenden Elemente an (in unserem Beispiel sind drei Häkchen gesetzt). Wählen Sie die Option »Ausgewählte Datensätze in Zwischenablage übertragen« mittels des Icons an. Werden nicht alle Elemente auf einmal angezeigt, klappen Sie das Dropdown-Menü für die Anzeige auf.

Elemente einfügen

Navigieren Sie auf die Seite, auf der die Elemente eingefügt werden sollen (hier »Wer«). Fügen Sie die Elemente an der gewünschten Stelle ein, indem Sie auf die Option »Einfügen nach« bei dem gewünschten Element klicken. 

Mehrere Elemente löschen

Einzelne Elemente löschen Sie, indem Sie auf der Seite das Element auswählen. Bei mehreren Elementen wird es schon aufwendiger. Schneller und unkomplizierter geht es mit der Listenansicht. Gehen Sie genauso wie bei Schritt 1 unter »Elemente kopieren« vor, um die zu löschenden Elemente auszuwählen. Klicken Sie anschließend auf das Papierkorb-Icon.

Die toujou-Elementbibliothek

Reine Text-Elemente, Bild-Text-Kombinationen, Teaser, Cards, Zitate, dazu noch Elemente für Blog, Kartenimplementierung und vieles mehr.

In unserer Elementbibliothek sind die über 150 toujou-Elemente aufgelistet. Allesamt mit Hintergedanken zu Design und Funktion konzipiert und umgesetzt – für responsives Design zu jeder Zeit.

In unseren Beschreibungen für jedes einzelne Element finden Sie eine Beispielansicht, die Anleitung für die Nutzung sowie Besonderheiten beim Darstellungsverhalten.


Arbeiten mit dem Fileadmin

Der Fileadmin (Dateiliste) erlaubt nicht nur das Hinterlegen von Medieninhalten im toujou-Backend und den Zugriff auf die Dateien, wie in unserem Tutorial beschrieben. Das TYPO3-Feature bietet noch viel mehr.

Bilder ersetzen

Sie möchten ein Foto austauschen, das an allen Stellen der Website ersetzt werden soll? Dann nutzen Sie die entsprechende Funktion im Fileadmin. Durch drei Klicks ersetzen Sie ganz schnell das bestehende Bild.

  1. Wählen Sie den Ordner aus, in dem sich das zu ersetzende Bild befindet, sodass Sie die Datei angezeigt bekommen.
  2. Klicken Sie auf das Ersetzen-Icon des Bildes. (Wird dieses nicht angezeigt, aktivieren Sie die »erweiterte Ansicht« am unteren Ende der Bilderanzeige.)
  3. Laden Sie das neue Bild aus Ihrer Ablage hoch. Entscheiden Sie, ob der Dateiname beibehalten werden soll oder nicht. Drücken Sie auf »Ersetzen«, wird das Bild im gleichen Ordner / an der gleichen Stelle in der Dateiliste geführt.

Einen ersten Überblick, wie Sie Dateien hochladen und bearbeiten sowie Verzeichnisse verschieben, haben wir zudem detaillierter im Tutorial zum Fileadmin hinterlegt.

Medien-Datensätze immer ausspielen

Ist ein Foto im Fileadmin mit verschiedenen Daten wie Metadaten, Quelle, Alt-Tag, Title und Bildunterschrift versehen, werden diese Informationen dank Referenzfunktion bei jeder Nutzung des Bildes auf Ihrer Website automatisch übermittelt bzw. angezeigt.

Davon unberührt bleibt die Option, Daten eines Bildes für ein einzelnes Element auf einer Seite zu modifizieren.

Dateien suchen

Das Bild ist nicht in dem Ordner, den man vermutet und nun geht die Suche los. Wer kennt die Situation nicht? Doch über einen Klick auf den übergeordneten Fileadmin können Sie im Suchfeld den Mediennamen eingeben. Das System durchläuft anschließend alle Ordner und spuckt die Datei mit dem Suchbegriff aus.

Anmerkung: Für ein Wiederfinden von Dateien ist es wichtig, dass Sie die Bilder entsprechend benennen und nicht als bildschirmfoto_2022_07_22 hochladen. Worauf es aus Suchmaschinenoptimierung zudem ankommt, haben wir in diesem Leitfaden zum Bilder-SEO zusammengefasst.

Dateiliste

Mehr grundlegende Informationen zur Arbeitsweise mit dem Fileadmin gefällig? 

Im Tutorial zum Fileadmin (Dateiliste) erläutern wir Ihnen neben dem Umgang mit Bildern, Videos und Dateien das Hochladen und Bearbeiten Ihrer Files. Zudem geben wir Tipps, Tricks und Hinweise zum problemlosen Verschieben und Umbenennen der Dateien. 

Denn dank des dahinterstehenden Content Management Systems bietet die Dateiliste in toujou viele Vorteile. Die nach TYPO3-Prinzipien hinterlegten Verzeichnisstrukturen gehören genauso dazu wie die nach Ihren persönlichen Bedürfnissen anpassten und bearbeiteten Ordner.


Seiten bauen leicht gemacht

Seiten schnell finden

Für viele bereits ein erlerntes Verhalten beim Surfen auf anderen Websites: Die Suchfunktion aka Strg + F oder für Mac-User cmd + F. Auch im toujou-Backend lassen sich einzelne Seiten per Suchfilter finden – und so manuelles Durchsuchen im Seitenbaum umgehen.

Klicken Sie hierfür im Bereich des Seitenbaums auf das Filter-Icon neben dem Icon, das Ihnen die Auswahl der verschiedenen Seitentypen bietet. Geben Sie den Titel der Seite ein. Achten Sie dabei auf die korrekte Schreibweise und mögliche Leerzeichen. Anschließend erscheinen alle mit dem Namen versehenen Seiten.

Gerade bei Websites mit vielen einzelnen Seiten haben Redakteur:innen oftmals nicht dauerhaft den gesamten Seitenbaum geöffnet. Wird dann eine Seite im Backend über die allgemeine Suchfunktion mit Strg + F bzwcmd + F gesucht, werden nur die Seiten anzeigt, die im Seitenbaum aufgeklappt sind. Erfolgversprechender und sicherer ist die Suche per Suchfilter über dem Seitenbaum.

Seitentitel ändern

Über einen Klick auf den Seitentitel lässt sich dieser schnell ändern. Fügen Sie in das geöffnete Textfeld einfach den neuen Titel ein. So haben Sie den Zwischenschritt über die Seiteneigenschaften gespart.

Hinweis: Das Ändern des Seitentitels hat keine Auswirkungen auf die URL. Möchten Sie diese bearbeiten, müssen Sie in die Seiteneigenschaften gehen. 

 

Seiten kopieren

Soll eine neue Webseite den gleichen Aufbau wie eine andere aufweisen, bietet sich das Kopieren der Seite an. So werden alle Elemente in der gleichen Anordnung übertragen.

Klicken Sie hierfür im Seitenbaum auf das Icon der zu kopierenden Seite. Es öffnet sich ein neues Pop-up-Fenster mit einer Menüauswahl. Dort wählen Sie die Option »Seiten kopieren«. Navigieren Sie nun im Seitenbaum an die Stelle, an die Sie die Seite einfügen möchten.

Mit »Einfügen nach« wird die Seite direkt an diesem Ort eingereiht, mit »Einfügen in« wird die Seite eine Hierarchieebene darunter platziert. Anschließend können Sie direkt mit dem Befüllen des Contents (Text, Bilder, Videos) starten.

Wer denselben Inhalt auf mehreren Seiten wiedergeben und diesen nicht immer überall anpassen möchte, nutzt die Referenzfunktion für Elemente mittels Insert Record.

Mehrere Seiten gleichzeitig erstellen

Möchten Sie mehrere Seiten auf einmal erstellen, klicken Sie auf eine Seite im Seitenbaum. Es öffnet sich das Seiten-Menü. Navigieren Sie auf »Weitere Optionen« und wählen Sie anschließend »Mehrere Seiten erzeugen« aus. Es öffnet sich eine neue Eingabemaske, in die Sie Seitentitel eingeben und den Seitentyp bestimmen. Klicken Sie final auf »Seiten anlegen«, um den Vorgang abzuschließen. Die Seiten werden anschließend eine Hierarchie-Ebene unter der zu Beginn ausgewählten Seite angezeigt

Beim Anlegen haben Sie zudem die Option, mehr Seiten hinzuzufügen, alle Seiten (vorläufig) auszublenden, nach existierenden Unterseiten anzulegen und in Menüs zu verbergen. Apropos: Für Letzteres finden Sie unter »Weitere Optionen« im Seiten-Menü ebenfalls einen Schnellzugriff.

Seiten einblenden

Die Seiteneigenschaften ermöglichen Ihnen über den Reiter »Zugriff« eine Seite ein- oder auszublenden. Schneller geht es über den Menü-Klick der entsprechenden Seite wie bereits beschrieben. Nachdem sich das Menü geöffnet hat, drücken Sie einfach auf »Seiten aktivieren«. 

Seiten löschen: Auch das Löschen von Seiten ist über dieses Menü problemlos mittels eines Klicks möglich. 

Seiten temporär ein-/ausblenden

Nutzen Sie automatisierte Veröffentlichungs- und Ablaufdaten für Seiten oder Elemente. So müssen Sie nicht vor dem PC sitzen, wenn eine geplante Seite online oder offline gehen soll. Einstellbar ist diese Funktion in den Seiteneigenschaften unter dem Reiter Zugriff in den Veröffentlichungsdaten bzw. Element-Einstellungen (Settings).

Sie haben beim Erstellen einer Webseite mit toujou eine Entdeckung gemacht, die hier noch nicht aufgelistet ist? Dann her damit!


Kategorien