just4freaks.de » tutorials

Typo3 – Auslagern von Typoscript in externe Datei

admin — Mon, 23 Mar 2009 13:00:29 +0000

In der Regel werden Templates (“Constants” und “Setup”) mit TypoScript direkt im Backend von TYPO3 geschrieben. Das hat jedoch den Nachteil, dass diese während der Entwicklung nur schwer in Versionsverwaltungen (z.B. SVN) zu bringen sind. Ungeachtet dessen kann man Typoscript auch in externe Dateien auslagern. Dazu müsst ihr im Root Verzeichnis einfach ein neues Template anlegen. Kopiert den Snippsel von unten und ändert noch die Pfade!

ACHTUNG! Sobald ihr in der ausgelagerten Typoscript Datei etwas ändert müsst ihr den cache im Backend von Typo3 löschen.

// TYPO3 Constants


// TYPO3 settings

Typo3 – Einbinden von canonical Tag

admin — Tue, 24 Feb 2009 10:06:27 +0000

Über das sogenannte kanonische Tag “canonical” kann man auf den jeweiligen Ursprungsbeitrag verlinken. Es dient dazu Duplicate Content für die Suchmaschinen identifizierbar zu machen.

Mit ein wenig Typoscript lässt sich das Problem mit Duplicate Content vermeiden.

// Typoscript Constants
baseUrlOn = 1
baseUrl = http://www.domain.de/

// Typoscript Setup
lib.canonicalTag = TEXT
lib.canonicalTag {
typolink.parameter.data = TSFE:id
typolink.returnLast = url
wrap = 
}
page.headerData.1000 < lib.canonicalTag

Typo3 – Browserweiche (Conditional Comments)

admin — Wed, 17 Sep 2008 21:29:30 +0000

Hier ein Codesnippsel der es in Typo3 ermöglicht eine Browserweiche (Conditional Comments) für den Internetexplorer 6 und 7. Zusätzlich kann man auch Javascript einbinden. Einfach folgenden Typoscript Code einfügen.

// Internet Explorer 6
[browser = msie] AND [version = <7]
page.headerData.4    = TEXT
page.headerData.4.value (

)
[end]

// Internet Explorer 7
[browser = msie] AND [version >6]
page.headerData.4 = TEXT
page.headerData.4.value (

)
[end]

Typo3 – onfocus=”blurLink(this)” in Sitemaps entfernen

admin — Mon, 30 Jun 2008 21:49:52 +0000

Wenn man in Typo3 das Content Element “Sitemap” verwendet, kennt das Problem mit -Tags. Innerhalb des Ankers steht immmer onfocus=”blurLink(this);” Um dies zu unterbinden, ist folgender Typoscript Code nötig:

// Typoscript Setup
tt_content.menu.20 {
default.1.noBlur = 1
1.1.noBlur = 1
2.1.noBlur = 1
3.1.noBlur = 1
4.1.noBlur = 1
5.1.noBlur = 1
6.1.noBlur = 1
7.1.noBlur = 1
}

Somit verschwindet der onfocus=”blurLink(this);” Paramter bei allen Sitemap-Typen.

Typo3 – Sitemap target definieren

admin — Fri, 27 Jun 2008 16:54:14 +0000

Wer in Typo3 eine Sitemap anzeigen will, kennt das Problem, dass die Links immer in einem neuen Fenster geöffnet werden. Das liegt daran, dass standardmäßig “target = page” gesetzt wird. Um dies zu unterbinden, ist folgender Typoscript Code nötig:

// Typoscript Constants
content.pageFrameObj = _self
pageTarget = _self

// Typoscript Setup
intTarget = {$pageTarget}
extTarget = _blank

Typo3 – Links in RTE-Tabellen anzeigen

admin — Mon, 02 Jun 2008 21:56:09 +0000

Hier der Codesnippsel der es ermöglicht Links in RTE-Tabellen darzustellen. Zusätzlich werden auch noch alle p-tags entfernt.

// Typoscript Setup
 lib.parseFunc_RTE.nonTypoTagStdWrap.encapsLines {
 	addAttributes.P.class >
 	remapTag >
 	addAttributes.DIV.class >
 	// Angabe von Tags, die nicht mit einem zusaetzlichen wrap umgeben werden duerfen
 	encapsTagList = cite, div, p, pre, h1, h2, h3, h4, h5, h6
 }
lib.parseFunc_RTE.externalBlocks.table {
 	// entfernt p-Tag aus table>tr>td...
 	HTMLtableCells.default.callRecursive = 0
 	// css klassen erlauben
 	stdWrap {
 		HTMLparser.tags.table.fixAttrib.class.list >
 		// links erlauben in tabellen
 		parseFunc {
 			makelinks = 1
 			makelinks.http.keep = scheme,path,query
 			makelinks.mailto.keep = path
 			tags {
 				link = TEXT
 				link {
 					current = 1
 					typolink.parameter.data = parameters : allParams
 				}
 			}
 		}
 	}
 }

Typo3 – Einbinden von CSS Dateien

admin — Sun, 11 Feb 2007 14:48:59 +0000

Es gibt 2 Möglichkeiten CSS Dateien in Typoscript einzubinden. Die einfachere Methode ist es über die Anweisung page.includeCSS einzubinden.

// Typoscript Setup
page.includeCSS {
	file1 = fileadmin/styles/basic.css
	file1.title = Standardansicht
	file1.media = screen

	file2 = fileadmin/styles/print.css
	file2.title = Drucken
	file2.media = print
}

Alternativ kann man auch CSS im Headerobjekt manuell einbinden. Diese Art der Einbindung ermöglicht auch beliebige weitere Einbindungen wie JS-Scripts u.a.

// Typoscript Setup
page.headerData.5 = TEXT
page.headerData.5.value (
	@import "fileadmin/css/style.css";
)