TYPO3 Tipps & Tricks

Einerseits um unser eigenes Gedächtnis etwas zu entlasten - denn es gibt Dinge bei TYPO3 die braucht man immer wieder - aber auch um anderen die Suche nach Problemlösungen etwas zu erleichtern.

Auf den nachfolgenden Seiten werden wir zukünftig kleine Hilfestellungen und Problemlösungen zu Themen aufbauen, die einem in der Arbeit mit TYPO3 immer wieder begegnen werden. Wir werden hier passende Voreinstellungen aufzeigen, oder aber auch kleine Code-Schnippsel (Snippets), die man immer gebrauchen kann.

Wir bedanken uns bei allen Quellen dieser Tipps und hoffen damit vielen die Arbeit an und mit TYPO3 noch weiter zu erleichtern.

Unsere Sammlung an Tipps & Tricks rund um TYPO3

Browserweiche iPhone und iPad

Apples mobile Endgeräte wie iPhone, iPad aber auch iPod Touch haben einen sehr starken Verbreitungsgrad entwickelt. rund genug sie in unserem TYPO3 zu berücksichtigen.

iFrame in tt_news einbinden

Manchmal besteht eine News eben aus mehr als nur Text, Bild und Anhang. Ein besonders häufiger Fall ist sicherlich das einbinden eines YouTube-Videos als iFrame-Tag (HTML Code).

tt_news und realurl mehrsprachig

In mehrsprachigen Installationen ist es etwas schwieriger in den Zusatzsprachen einen übersetzten Seitennamen für die Einzelansicht von tt_news zu erhalten. Hier wird mit der Standardeinstellung der realurl_conf.php immer nur der Seitenname der Hauptsprache erzeugt.

Breite Seitenbaum Backend

Gerade bei kleinen Endgeräten wie Netbooks oder Smartphones verschiebt es häufig den eigentlichen Inhaltsbereich im TYPO3-Backend nach rechts, weil der Seitenbaum eine feste Breite besitzt.

tt_news Cache leeren

Werden per tt_news Extension neue News-Einträge erstellt, so sind diese nicht sofort im Frontend sichtbar. Man muss immer zunächst den Seiten-Cache von Hand löschen.

tt_news mehrmals pro Seite

Eine Eigenschaft von tt_news die man immer wieder vergisst. Hat man auf einer Website beispielsweise auf jeder Seite eine LATEST-Ansicht und geht dann auf die LIST-Ansicht, so verschwinden in einer der beiden Ansichten plötzlich und mysteriös Newseinträge.

tt_products Metadaten

Ein Shop mit tt_products ist schnell eingerichtet, aber die Details treiben einen manchmal in den Wahnsinn. tt_products ist dennoch eigentlich schon gut vorbereitet für effeziente Suchmachinenoptimierung - Seitentitel, etc ist alles schnell mit den Produktdaten gesetzt. Probleme macht aber noch das Befüllen der META-Daten im Seitenquelltext wie zum Beispiel DESCRIPTION, ABSTRACT und KEYWORDS.

tt_products Facebook

Die Welt spricht Facebook. Auch bei Online-Shops wie tt_products. Wenn man nun schon geliked wird, dann sollte auch das Produktbild richtig übergeben werden - standardmäßig sucht sich Facebook nämlich nicht unbedingt das richtige Bild aus. Facebook nimmt aber das Bild, welches wir durch einen HTML-Tag LINK mit der Angabe rel="image_src" im HEAD-Bereich der Seite spezifizieren.

Navtitle im Seitenbaum

Der Seitenbaum im TYPO3 Backend zeigt standardmäßig immer den Seitentitel der Seiten an. Wird für SEO-Zwecke der Seitentitel sehr lang, so wird die Darstellung im Baum schnell unübersichtlich.

Copyright dynamisch

Viele Webseiten geben im Fußbereich gerne eine Copyright-Information in der Art "(C)2013 xyz..." aus. Schön wäre es, wenn die Jahreszahl dynamisch erzeugt werden könnte, um nicht jedes Jahr zum Jahreswechsel händisch eingreifen zu müssen.

Backend Spalten

Redakteure haben es gerne einfach und übersichtlich. Daher stören Sie oft nicht genutzte Spalten in der "Page"-Ansicht im TYPO3 Backend. Auch die Sortierung ist für technisch unversierte Nutzer nicht immer optimal.

Copyhide

Beim Kopieren von Elementen wird in der Kopie im Feld "Header" immer der Eintrag "Copy..." erzeugt. Zudem werden die Elemente automatisch versteckt. Möchte man das nicht, etwa weil man viele Elemente Kopieren muss, hilft dies hier weiter.

HMENU und Farben

Man definiert per Typoscript wie gewöhnlich ein HMENU für eine neue Website. Plötzlich kommt der böse Kunde und möchte aber, dass die einzelnen Menüpunkte unterschiedliche Farben bekommen - das erste Rot, das zweite Grün, das dritte Blau, usw. Ein Problem und gleichzeitig ein gutes Beispiel für den mächtigen OptionSplit, den uns Typoscript an die Hand gibt.

URL aktuelle Seite

Moderne Anwendungen - wie zum Beispiel selbstgebaute Facebook-Buttons - machen es manchmal nötig dass man die voll ausgeschriebene URL der aktuellen Seite braucht Mit Typoscript zum Glück kein großes Problem.

Rote Fragezeichen-Icons

Man hat eine laufende TYPO3-Installation, alles läuft wunderbar. Nun installiert man eine (vermutlich egal was für eine) neue Extension über den Extension Manager und auf einmal sind fast alle Icons im TYPO3-Backend rote Fragezeichen (bzw. ein weißes Fragezeichen in einem rotem Kreis).

Backend ohne Stylesheet

Man hat eine laufende TYPO3-Installation auf dem lokalen Rechner (z.B. XAMPP), alles läuft wunderbar. Nun will man die Installation auf den Server verschieben. Das Installtool läuft und man meint alles wäre in Butter. Nun ruft man die Login-Seite des Backends auf und hier fehlen ganz offensichtlich die Stylesheets. Texte, Bilder und Eingabefelder sind da, aber alles nicht am rechten Platz. Loggt man sich nun ein erscheint nur ein völlig zerschossenes Backend.

Keine Thumbs im TYPO3 Backend

Nach Änderungen oder einem Update sind keine Thumbnails im TYPO3 Backend - zum Beispiel Filelist - mehr sichtbar. Bilder im Frontend funktionieren aber.

eMail Antispam

E-mail-Adressen die im Klartext auf einer Website stehen sind - im wahrsten Sinne des Wortes - ein gefundenes Fressen für Spam-Bots und andere Adressensammler. Gängige Methoden, wie das händische Kodieren als HTML-Entities sind umständlich und zeitraubend.

SEO Seitentitel

Eines der wichtigsten Kriterien für Suchmaschinenoptimierung ist der Seitentitel. Mit TYPO3 erhält man sehr leicht optimierte Titel für einzelne Seiten, indem man die Standarderzeugung des Titels leicht abwandelt.

Bildgröße Content

Bilder im Content-Element werden zugeschnitten. Die Größe lässt sich beeinflussen.

tt_news nur Übersetzungssprache

tt_news ist unzweifelhaft eine der durchdachtesten und ausgereiftesten Extensions für TYPO3. Nur selten trifft man schwierige Spezialfälle, für die man nicht so schnell eine Lösung findet. Zwei dieser Fälle wollen wir hier aufklären.

Backend News Login

Mit der Release von TYPO3 Version 4.5 gibt es jetzt eine einfache und praktische Möglichkeit - die System News beim Login.

Logs abschalten

Logs haben ihre Berechtigung und ihren Sinn. In Live-Systemen schlucken sie aber nur allzu gerne die vom Server erreichbare Performance.

IE10 Seite bei Klick schwarz

Bei einem Mausklick auf eine ältere Seite im Internet Explorer 10 wird die Seite schwarz.

TYPO3 Quickies und Snippets

Eine Sammlung sehr spezieller Tipps und Tricks für TYPO3.