Html Typo3 7.2中的更多列(引导)

Html Typo3 7.2中的更多列(引导),html,twitter-bootstrap,templates,typo3,typoscript,Html,Twitter Bootstrap,Templates,Typo3,Typoscript,我需要创建一个带有引导的4列网站,但在typo3中,默认设置为最多2列。为了能够编辑后端中的每个列,我根据本教程创建了一个布局: 但我无法在前端显示列的内容 在使用此布局的页面的模板部分,我添加了 agptop1 < styles.content.get agptop1.select.where = colPos = 20 agptop2 < styles.content.get agptop2.select.where = colPos = 21 agptop1

我需要创建一个带有引导的4列网站,但在typo3中,默认设置为最多2列。为了能够编辑后端中的每个列,我根据本教程创建了一个布局:

但我无法在前端显示列的内容

在使用此布局的页面的模板部分,我添加了

agptop1 < styles.content.get
agptop1.select.where = colPos = 20
agptop2 < styles.content.get
agptop2.select.where = colPos = 21
agptop1
在布局管理器中设置的位置等。 现在我应该指定agptop1这样的变量,因此我在typo3conf\ext\bootstrap\u package\Resources\Private\templates\Page中的其他引导模板中创建了一个模板文件

这是一个默认模板的副本,其中有些内容已更改,如

    <f:layout name="Default"/>
    <f:section name="Main">

    <f:cObject typoscriptObjectPath="lib.dynamicContent" data="{pageUid: '{data.uid}', colPos: '3'}"/>
    <div class="container">
     <div class="row">

    <div class="col-sm-3">
     <f:cObject typoscriptObjectPath="lib.dynamicContent" data="{pageUid: '{data.uid}', colPos: '20'}"/>
     <f:format.raw>{agptop1}</f:format.raw>
    </div>

{agptop1}
…喜欢排队吗

  <f:format.raw> 

还有colPos。我想这是对的?我在某处找到了这个

但当我直接在页面的模板编辑器中将其用作模板时,我需要它,因为我只得到一个空白页面。 我无法找到默认引导模板如何链接到default.html和manu配置,以及这些模板如何链接到后端布局。我需要选择一个后端布局,填写内容,然后something1必须告诉something2我想加载standart页面,standart菜单,但要加载一个定义了变量的特定模板。如何做到这一点


如果它太基本,我很抱歉,但这是我在typo3中的第一天,没有新版本的手册。

colPos=20上的空格是Typoscript中的一个问题。使用此选项应有助于:

agptop1.select.where = colPos=20

根据您的回答,我假设您正在使用插件引导程序包。这个插件附带了一些新的预定义模板,你想再添加一个,对吗

步骤1添加新的后端布局 要将另一个选项添加到后端页面选项,请查看 每个文件包含一个后端布局的描述,每个文件的构建方式相同:
1.定义标题(此处无需使用语言文件)
2.在后端定义内容容器的对齐方式(行cols)
3.定义图标

只需复制其中一个文件并进行修改。这些文件必须包含在页面布局中,并且bootstrap_包在安装时会自动执行此操作。您可以在扩展设置中改变这种行为,并自行包含所有后端布局。因此,将BackendLayouts.txt文件从bootstrap_包复制到您的fileadmin,添加您的自定义新布局,并将该文件包含在您的页面配置中,如下所示:

<INCLUDE_TYPOSCRIPT: source="FILE:fileadmin/template/typoscript/BackendLayouts.txt">
添加到您的fileadmin目录,并将其包括在内,如下所示:

常数:

<INCLUDE_TYPOSCRIPT: source="FILE:fileadmin/template/typoscript/constants.txt">
最后一步,将config.txt中的新模板添加到fluidtemplate部件“page.10.templateName…”中,执行一些模式匹配=)

我希望,我已经描述了所有重要的事情。如果您遇到问题,请深入研究的源代码。你可以通过模仿他们所做的一切来学习


祝您好运

手册适用于所有版本。你真的需要学习
TypoScript
的基础知识,我建议你先在45分钟的教程中阅读
TypoScript
。创建一个新的后端布局是正确的开始方式,但是您需要采用
TypoScript
,以便了解渲染定义。
/typo3conf/ext/bootstrap_package/Configuration/TypoScript/
<INCLUDE_TYPOSCRIPT: source="FILE:fileadmin/template/typoscript/constants.txt">
<INCLUDE_TYPOSCRIPT: source="FILE:fileadmin/template/typoscript/setup.txt">
page {
...
    fluidtemplate {
        # cat=bootstrap package: advanced/100/100; type=string; label=Layout Root Path: Path to layouts
        layoutRootPath = fileadmin/template/Private/Layouts/Page/
        # cat=bootstrap package: advanced/100/110; type=string; label=Partial Root Path: Path to partials
        partialRootPath = fileadmin/template/Private/Partials/Page/
        # cat=bootstrap package: advanced/100/120; type=string; label=Template Root Path: Path to templates
        templateRootPath = fileadmin/template/Private/Templates/Page/
    }
...
}
10 = FLUIDTEMPLATE
10 {
    templateName = TEXT
    templateName.stdWrap.cObject = CASE
    templateName.stdWrap.cObject {
        key.data = levelfield:-1, backend_layout_next_level, slide
        key.override.field = backend_layout

        pagets__default_clean = TEXT
        pagets__default_clean.value = DefaultClean

        pagets__default_2_columns = TEXT
        pagets__default_2_columns.value = Default2Columns
        ...