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
<INCLUDE_TYPOSCRIPT: source="FILE: fileadmin/pathto/constants.ts">

// TYPO3 settings
<INCLUDE_TYPOSCRIPT: source="FILE: fileadmin/pathto/config.ts">

Tags: ts, typo3, typoscript

Kategorie tutorials | 3 comments

Ü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.

<link rel="canonical" href="http://www.domain.de" />

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 = <link rel="canonical" href="{$baseUrl}|"  />
}
page.headerData.1000 < lib.canonicalTag

Tags: canonical, google, typo3

Kategorie tutorials | 0 comments

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 (
<!--[if lte IE 7]>
<style type="text/css" media="screen, projection">
@import "fileadmin/templates/css/ie6.css";
</style>
<![endif]-->
)
[end]

// Internet Explorer 7
[browser = msie] AND [version >6]
page.headerData.4 = TEXT
page.headerData.4.value (
<!--[if IE 7]>
<style type="text/css" media="screen, projection">
@import "fileadmin/templates/css/ie7.css";
</style>
<![endif]-->
)
[end]

Tags: conditional comments, typo3, typoscript

Kategorie tutorials | 1 comment

Wenn man in Typo3 das Content Element “Sitemap” verwendet, kennt das Problem mit <a>-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.

Tags: sitemap, typo3, typoscript

Kategorie tutorials | 0 comments

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

Tags: sitemap, ts, tutorials, typo3

Kategorie tutorials | 0 comments

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

Tags: links, table, typo3, typoscript

Kategorie tutorials | 0 comments

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";
)

Tags: css, ts, tutorials, typo3, typoscript

Kategorie tutorials | 0 comments