试图了解在typo3中进行模板制作的正确方法,我从typo3 6.2到typo3 v9.5,一切都是新的。我已经实现了使用DCE的能力,创建了后端布局,现在我试图创建一个重复元素,以在具有不同模板的多个页面上使用。
与带有typo3随附的主模板的全新typo3安装相比,我可以看到它们使用了file inside :
ext / your_template /资源/私人/部分/页面/结构/页脚
然后在模板中,他们呈现html文件,该文件从主模板中加载元素(我想)。
当我尝试在自己的页面中复制此内容时,就会出现问题。它不呈现在我的页面中,甚至没有html基本结构。
{p> 3中的FooterContent.html 和主模板as I show in this picture
中的渲染调用Home.html(模板)
<f:section name="Footer">
<f:render partial="Structure/FooterContent" arguments="{_all}" />
</f:section>
FooterContent.html
<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
<section class="section footer-section footer-section-content">
<div class="beez_footer">
<div class="beez_footer_top beez_section">
<div class="beez_ft_left">
<f:cObject typoscriptObjectPath="lib.dynamicContent" data="{colPos: '5'}" />
</div>
<div class="beez_ft_right">
<f:cObject typoscriptObjectPath="lib.dynamicContent" data="{colPos: '6'}" />
</div>
</div>
<div class="beez_footer_middle beez_section">
<div class="beez_ft_left">
<f:cObject typoscriptObjectPath="lib.dynamicContent" data="{colPos: '7'}" />
</div>
<div class="beez_ft_middle">
<f:cObject typoscriptObjectPath="lib.dynamicContent" data="{colPos: '8'}" />
</div>
<div class="beez_ft_right">
<f:cObject typoscriptObjectPath="lib.dynamicContent" data="{colPos: '9'}" />
</div>
</div>
<div class="beez_footer_bottom beez_section">
<div class="beez_ft_left">
<f:cObject typoscriptObjectPath="lib.dynamicContent" data="{colPos: '10'}" />
</div>
<div class="beez_ft_right">
<f:cObject typoscriptObjectPath="lib.dynamicContent" data="{colPos: 11}" />
</div>
</div>
</div>
</section>
</html>
(ext / your_template / Configuration / Typoscript /)中的setup.typoscript:
######################
#### DEPENDENCIES ####
######################
<INCLUDE_TYPOSCRIPT: source="FILE:EXT:fluid_styled_content/Configuration/TypoScript/setup.typoscript">
################
#### HELPER ####
################
<INCLUDE_TYPOSCRIPT: source="FILE:EXT:nubis_theme/Configuration/TypoScript/Helper/DynamicContent.typoscript">
##############
#### PAGE ####
##############
page = PAGE
page {
typeNum = 0
shortcutIcon = EXT:nubis_theme/Resources/Public/Icons/favicon.ico
10 = FLUIDTEMPLATE
10 {
# Template names will be generated automaticly by converting the applied
# backend_layout, there is no explicit mapping nessesary anymore.
#
# BackendLayout Key
# subnavigation_right_2_columns -> SubnavigationRight2Columns.html
#
# Backend Record
# uid: 1 -> 1.html
#
# Database Entry
# value: -1 -> None.html
# value: pagets__subnavigation_right_2_columns -> SubnavigationRight2Columns.html
templateName = TEXT
templateName {
cObject = TEXT
cObject {
data = pagelayout
required = 1
case = uppercamelcase
split {
token = pagets__
cObjNum = 1
1.current = 1
}
}
ifEmpty = Default
}
templateRootPaths {
0 = EXT:nubis_theme/Resources/Private/Templates/Page/
1 = {$page.fluidtemplate.templateRootPath}
}
partialRootPaths {
0 = EXT:nubis_theme/Resources/Private/Partials/Page/
1 = {$page.fluidtemplate.partialRootPath}
}
layoutRootPaths {
0 = EXT:nubis_theme/Resources/Private/Layouts/Page/
1 = {$page.fluidtemplate.layoutRootPath}
}
dataProcessing {
10 = TYPO3\CMS\Frontend\DataProcessing\FilesProcessor
10 {
references.fieldName = media
}
20 = TYPO3\CMS\Frontend\DataProcessing\MenuProcessor
20 {
levels = 2
includeSpacer = 1
as = mainnavigation
}
}
}
meta {
viewport = {$page.meta.viewport}
robots = {$page.meta.robots}
apple-mobile-web-app-capable = {$page.meta.apple-mobile-web-app-capable}
description = {$page.meta.description}
description {
override.field = description
}
author = {$page.meta.author}
author {
override.field = author
}
keywords = {$page.meta.keywords}
keywords {
override.field = keywords
}
X-UA-Compatible = {$page.meta.compatible}
X-UA-Compatible {
attribute = http-equiv
}
# OpenGraph Tags
og:title {
attribute = property
field = title
}
og:site_name {
attribute = property
data = TSFE:tmpl|setup|sitetitle
}
og:description = {$page.meta.description}
og:description {
attribute = property
field = description
}
og:image {
attribute = property
stdWrap.cObject = FILES
stdWrap.cObject {
references {
data = levelfield:-1, media, slide
}
maxItems = 1
renderObj = COA
renderObj {
10 = IMG_RESOURCE
10 {
file {
import.data = file:current:uid
treatIdAsReference = 1
width = 1280c
height = 720c
}
stdWrap {
typolink {
parameter.data = TSFE:lastImgResourceInfo|3
returnLast = url
forceAbsoluteUrl = 1
}
}
}
}
}
}
}
includeCSSLibs {
}
includeCSS {
nubis_theme_layout = EXT:nubis_theme/Resources/Public/Css/layout.min.css
}
includeJSLibs {
}
includeJS {
}
includeJSFooterlibs {
}
includeJSFooter {
nubis_theme_scripts = EXT:nubis_theme/Resources/Public/JavaScript/Dist/scripts.js
}
}
################
#### CONFIG ####
################
config {
absRefPrefix = auto
contentObjectExceptionHandler = 0
no_cache = {$config.no_cache}
uniqueLinkVars = 1
pageTitleFirst = 1
linkVars = L
prefixLocalAnchors = {$config.prefixLocalAnchors}
renderCharset = utf-8
metaCharset = utf-8
doctype = html5
removeDefaultJS = {$config.removeDefaultJS}
inlineStyle2TempFile = 1
admPanel = {$config.admPanel}
debug = 0
cache_period = 86400
sendCacheHeaders = {$config.sendCacheHeaders}
intTarget =
extTarget =
disablePrefixComment = 1
index_enable = 1
index_externals = 1
index_metatags = 1
headerComment = {$config.headerComment}
// Disable Image Upscaling
noScaleUp = 1
// Compression and Concatenation of CSS and JS Files
compressJs = 0
compressCss = 0
concatenateJs = 0
concatenateCss = 0
}
然后,在我的网站内,我仅从模板中获得了能够显示的内容。 换句话说,除渲染以外的所有内容都是局部的。 我看不到与此相关的任何问题,来自typo3的文档也没有对此进行澄清。 我一定想念一些东西,但我不知道。
编辑:添加了setup.typoscript(我使用的是从like in this picture安装主题包时提供的默认设置)
答案 0 :(得分:1)
从注释中,解决方案应该是将该部分添加到默认页面布局文件中。
默认情况下(来自sitepackagebuilder)使用布局文件,因此必须在布局文件中定义模板中定义的节。
在默认布局文件中,您仅找到呈现的“主要”部分。
要添加Footer
部分,请将RenderViewHelper
放在布局中的某个位置:
<f:render section="Footer" />
如果要将其设置为可选,可以将属性optional="true"
添加到ViewHelper,这样就不需要在每个模板中都定义页脚节。
FLUIDTEMPLATE的结构如下:
Templates
可以包含Partials
,并且可以包含Sections
Partials
可以包含其他Partials
Layouts
包含在Templates
中,可以呈现Sections
,还可以包含Partials
如果要向全局页面呈现页脚,请将页脚Partial
放在Layout
文件中。如果要根据所使用的模板来设置页脚,请将页脚放在模板的Section
中,并在Section
中渲染Layout
。
答案 1 :(得分:1)
仅是为了澄清René的答案:
流体模板:
模板-这是流体的入口。如果调用流畅,则调用模板(<f:layout name="layoutname" />
)。模板可以确定布局;如果这样做,则渲染从布局开始
布局-它们旨在提供总体结构。这可以通过从确定模板和/或局部插入不同的部分来实现。
部分-这些是将要构建页面的灵活构建块。每当您有一块数据块可能会更频繁地出现,或者它本身就是一个单位时,请从中分离出一部分,以便您可以重用它并构造流体。
节可以作为子块出现在模板和局部中。
如果您插入<f:render section="sectionname" />
之类的节,则该节应位于当前文件中-除了布局,他们希望其节在模板中。
如果要从另一个文件插入节,则只能从部分<f:render section="sectionname" partial="partialname" />
中插入节。
如果省略节名,则插入整个部分(<f:render partial="partialname" />
)
通常,所有带有f:render
的插入都不会传输任何数据(流体变量),但以下情况除外:布局会获取确定模板已知的所有数据,并且从布局插入的模板中的部分会知道的所有数据。初始模板。
对于所有其他插入,您可能需要使用arguments
viewhelper的f:render
参数传输数据:
<f:render section="sectionname" arguments="{ind1:'data1', ind2:'data2'}" />
一种特殊情况:您可以使用arguments="{_all}"
答案 2 :(得分:0)
感谢RenéPflamm和Bernd Wilke的解释。由于我来自tpyo3 v6.2,因此我使用标记记录在多个模板上使用以下命令重复同一项目:
LOGO = RECORDS
LOGO.tables = tt_content
LOGO.source = 1
然后在模板中
<div class="myClass">###LOGO###</div>
这使我可以从typo3内的文件夹中获取一些与其ID相匹配的元素。
我不知道它是否仍然可以使用,但是我创建了一个简单的函数
(位于 ext / your_theme / Configuration / Typoscript / Helper / DynamicContent.typoscript)
可以在我调用typoscriptObjectPath="lib.dynamicContentFunction"
的局部中使用,这使我可以通过数据参数调用我要渲染的元素的ID。这是一个示例和函数:
<f:cObject typoscriptObjectPath="lib.dynamicContentFunction" data="{Uid: '11'}" />
AND
lib.dynamicContentFunction = COA
lib.dynamicContentFunction {
5 = LOAD_REGISTER
5 {
Uid.cObject = TEXT
Uid.cObject {
field = Uid
}
}
20 = CONTENT
20 {
table = tt_content
select {
includeRecordsWithoutDefaultTranslation = 1
orderBy = sorting
where = {#uid}={register:Uid}
where.insertData = 1
pidInList = -1
recursive = 99
}
stdWrap {
dataWrap = {register:wrap}
required = 1
}
}
90 = RESTORE_REGISTER
}
警告:如果元素很多,这可能会影响您的网站速度。
此外,我想知道你们的想法。有一个更好的方法吗?
目的:渲染一个在typo3中创建并可以从此处编辑的确定的内容元素,在这里我可以通过选择其id来调用局部。该函数必须从确定的typo3页面/文件夹(id)中搜索可能的内容,然后通过数据参数选择所需的内容元素。因此,通过这种方式,我可以使用可编辑的页脚元素,例如在每个页面上都会重复。