Einbinden von Templates in Typo3

(X)HTML / CSS Template mit Dummytexten erstellen mit Beachtung von Suchmaschinenfreundlichkeit und Barrierefreiheit
HTML-Layout mit Layoutmarkern versehen
TypoScript-Layout-Setup ausfüllen

Beispiel XHTML-Seite

Beispiel TypoScript-Layout-Setup

# general configuration
#######################
config {
  # Ausgabe von XHTML aktivieren 
  xhtml_cleaning = all 

  # set doctype to XHTML 1.0 strict 
  #doctype = xhtml_trans
  doctype = xhtml_strict
  #renderCharset = utf-8

  # set site language
  htmlTag_langKey = de
  language = de
  locale_all = german
  sys_language_uid = 0

  # suppress XML Prolog for IE-kompatibility
  xmlprologue = none

  # enable admin panel
  admPanel = 1

  # externalize CSS and JS
  removeDefaultJS = 0

  # Spam Protection
  spamProtectEmailAddresses = 2
  spamProtectEmailAddresses_atSubst = (at)

  index_enable = 1
}

# format popup for pictures
tt_content.textpic.20{ 
  1.imageLinkWrap = 1 
  1.imageLinkWrap { 
    enable = 1 
    bodyTag = <BODY bgColor=white leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> 
    wrap = <A href="javascript:close();"> | </A> 
    JSwindow = 1 
    JSwindow.newWindow = 1 
    JSwindow.expand = 0,0 
  } 
}

tt_content.image.20 { 
  1.imageLinkWrap = 1 
  1.imageLinkWrap { 
    enable = 1 
    bodyTag = <BODY bgColor=white leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> 
    wrap = <A href="javascript:close();"> | </A> 
    JSwindow = 1 
    JSwindow.newWindow = 1 
    JSwindow.expand = 0,0 
  } 
}

# create PAGE-Objekt
####################
page = PAGE

#CSS einbinden
page.includeCSS {
   file1 = fileadmin/templates/[name]/stylefile1.css
   file2 = fileadmin/templates/[name]stylefile2.css
}

#Icon einbinden
page.headerData.1 = TEXT
page.headerData.1.value = <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
page.headerData.2 = TEXT
page.headerData.2.value = <link rel="icon" type="image/x-icon" href="favicon.ico" />

#Meta-Tags einbinden
page.meta{    
  keywords = [META-keywords]
  description = [META-secription]
  robots = INDEX,FOLLOW
  autor = [META-author]
  language = german
}

#create unordered list menu
temp.TopMenu = HMENU
temp.TopMenu {
  entryLevel = 0
 # erstes level
  1 = TMENU
  1.wrap = <ul>|</ul>
  1{
       # no state: normale Formatierung
    NO{
      wrapItemAndSub = <li> | </li>
      }
       # act state: gültig von der rootseite bis zur aktuellen Seite
    ACT=1
    ACT{
      wrapItemAndSub = <li class="act"> | </li>
    }
      # cur state: gültig für die aktuelle Seite 
    CUR=1 
    CUR{
      wrapItemAndSub = <li class="act"> | </li>
      }
    }
}   

temp.LeftMenu = HMENU
temp.LeftMenu {
  entryLevel = 1
# zweites level
  1 = TMENU
  1.wrap = <ul>|</ul>
  1{
       # no state: normale Formatierung
    NO{
      wrapItemAndSub = <li> | </li>
      }
       # act state: gültig von der rootseite bis zur aktuellen Seite
#    ACT=1
#    ACT{
#      wrapItemAndSub = |
#    }
       # cur state: gültig für die aktuelle Seite
    CUR=1
    CUR{
      wrapItemAndSub = <li class="act"> | </li>
      }
    }   

# drittes level

  2 = TMENU
  2.wrap = <ul>|</ul>
  2{
       # no state: normale Formatierung
    NO{
      wrapItemAndSub = <li class="navi"> | </li>
      }
       # act state: gültig von der rootseite bis zur aktuellen Seite
#    ACT=1
#    ACT{
#      wrapItemAndSub = |
#    }
# cur state: gültig für die aktuelle Seite
    CUR=1
    CUR{
      wrapItemAndSub = <li class="navi"><span class="act"> | </span></li>
      }
    }
} 

# site title marker
temp.seitentitle = TEXT
temp.seitentitle.value = {leveltitle:1}
temp.seitentitle.insertData = 1
temp.seitentitle.wrap = <h2 class="links">|</h2> 

# create copyright marker with current year
temp.copyright = TEXT
temp.copyright {
  data = date : U
  strftime = %Y
  wrap = &copy;&nbsp;|&nbsp;Fischer Automation GmbH &middot;
}

# associate content elements
page.bodyTag = <body>
page.1 = TEMPLATE
page.1.marks.PAGE_UID = TEXT 
page.1.marks.PAGE_UID.field = uid
page.1 {
   template = FILE
   template.file = fileadmin/templates/mj/index.html
   workOnSubpart = BODY
   subparts.SITETITLE < temp.seitentitle
   subparts.CONTENT < styles.content.get
   subparts.MENUE1 < temp.TopMenu
   subparts.MENUE2 < temp.LeftMenu
   #subparts.ROOTLINE < tmp.breadcrump
   subparts.COPYRIGHT < temp.copyright
}

# define different layout for dropdown menu
[globalVar=TSFE:page|layout=1]
  page.1.template.file= [layout-file]
[global]

#realurl with simulatestatic
config {
  simulateStaticDocuments = 1
  simulateStaticDocuments_addTitle = 1
}

#Plugin: tt_news
plugin.tt_news.latestLimit = 2
plugin.tt_news.displayList {
  date_stdWrap.strftime = %A, den %d %B %Y
  time_stdWrap.strftime = %d.%m.%Y %H.%M
  subheader_stdWrap {  
     append = TEXT  
     append.data = register:newsMoreLink  
     append.wrap = <span class="bodytext">|</span>
  }
}
plugin.tt_news.pageBrowser {
  showResultCount = 0
  dontLinkActivePage = 1
}

plugin.tt_news.displayLatest {
  subheader_stdWrap{
    append = TEXT  
    append.data = register:newsMoreLink  
    append.wrap = <span class="bodytext"> |</span>
  }
}
plugin.tt_news.displayLatest.subheader_stdWrap.wrap = <h3>|</h3>
plugin.tt_news.displaySingle.subheader_stdWrap.wrap = <h3>|</h3>

Bei Verwendung dieses Wikis erklären Sie sich mit dem Haftungsausschluss, Nutzungsbedingungen und der Datenschutzerklärung dieses Wikis einverstanden. Impressum.

Wiba10 wiki

Benutzer-Werkzeuge

Webseiten-Werkzeuge

Inhaltsverzeichnis

Einbinden von Templates in Typo3

Beispiel XHTML-Seite

Beispiel TypoScript-Layout-Setup

Seiten-Werkzeuge