[TYPO3-german] Struktureller Aufbau, Blogansicht
Ben Ner
b.goetze at trendsetzer.eu
Thu Sep 17 13:48:37 CEST 2015
Ich habe das PageTS entfernt und der Installation das css_styled_content und meine distribution hinzugefügt.
In der Configuration/TypoScript/setup.txt steht folgendes:
[code]
<INCLUDE_TYPOSCRIPT:source="FILE: EXT:trend_distribution/Configuration/TypoScript/Setup/page.ts">
<INCLUDE_TYPOSCRIPT:source="FILE: EXT:trend_distribution/Configuration/TypoScript/Setup/libs.ts">
[/code]
page.ts:
[code]
page = PAGE
#page.config.metaCharset = utf-8
page{
config{
metaCharset = utf-8
additionalHeaders = Content-Type:text/html;charset=utf-8
}
includeCSS.bootstrap = EXT:trend_distribution/Resources/Public/Bootstrap/css/bootstrap.min.css
includeCSS.bootstraptheme = EXT:trend_distribution/Resources/Public/Bootstrap/css/bootstrap-theme.min.css
includeCSS.style = EXT:trend_distribution/Resources/Public/Css/style.css
includeJS.bootstrap = EXT:trend_distribution/Resources/Public/Bootstrap/js/bootstrap.min.js
10 = FLUIDTEMPLATE
10{
file = EXT:trend_distribution/Resources/Private/Template/index.html
layoutRootPath = EXT:trend_distribution/Resources/Private/Layouts/
partialRootPath = EXT:trend_distribution/Resources/Private/Partials/
variables{
hallo = TEXT
hallo.value = Hallo welt
content < styles.content.get
}
}
}
[/code]
libs.ts: (erzeugt ein Menu mit dropdowns, habe ich mir nur schonmal angeschaut, wird so nicht benötigt)
[code]
lib.field_topmenu = HMENU
lib.field_topmenu{
entryLevel = 0
1 = TMENU
1{
wrap = <ul class="nav navbar-nav"> | </ul>
noBlur = 1
NO = 1
NO{
wrapItemAndSub = <li> | </li>
stdWrap.htmlSpecialChars = 1
ATagTitle.field = title
}
ACT <.NO
ACT{
wrapItemAndSub = <li class="active"> | </li>
}
}
}
lib.field_submenu = HMENU
lib.field_submenu{
entryLevel = 0
1 = TMENU
1{
expAll = 1
wrap = <ul class="nav navbar-nav"> | </ul>
noBlur = 1
NO = 1
NO{
wrapItemAndSub = <li> | </li>
stdWrap.htmlSpecialChars = 1
ATagTitle.field = title
}
ACT <.NO
ACT{
wrapItemAndSub = <li class="active"> | </li>
}
IFSUB <.NO
IFSUB{
allWrap = <!!==:>|
wrapItemAndSub = <li class="dropdown">|</li>
ATagBeforeWrap = 1
linkWrap = | <b class="caret"></b>
ATagParams = class="dropdown-toggle" data-toggle="dropdown"
}
ACTIFSUB <.IFSUB
ACTIFSUB{
allWrap = <!!==:>|
}
}
2 = TMENU
2{
wrap = <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">|</ul>
expAll = 1
NO = 1
NO{
allWrap = <li>|</li>
stdWrap.htmlSpecialChars = 1
}
ACT <.NO
ACT{
ATagParams = class="active"
allWrap = <li class="active">|</li>
}
}
}
[/code]
resources/private/template/index.html:
[code]
<f:layout name="Default" />
<f:section name="page">
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Project name</a>
</div>
<div class="collapse navbar-collapse">
<f:cObject typoscriptObjectPath="lib.field_topmenu" />
</div>
</div>
</nav>
<div class="container">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbarsub-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Project name</a>
</div>
<div class="collapse navbar-collapse navbarsub-collapse">
<f:cObject typoscriptObjectPath="lib.field_submenu" />
</div>
</div>
<div class="starter-template">
<h1>{hallo}</h1>
<p class="lead"><f:format.raw>{content}</f:format.raw></p>
</div>
</div>
</f:section>
[/code]
wie wäre in diesem Fall eine gute Vorgehensweise?
More information about the TYPO3-german
mailing list