我正在开展我的第一个TYPO3项目,并且我完成了模板,我无法弄清楚如何使这项工作:
我的网页内容是一列,每个字段都包含标题,文字和标题。 我在网站上显示标题和文字时没有任何问题,但图像只是不起作用。 我的图像路径是fileadmin / user_upload /我可以通过在我的代码中设置文件名来显示它,但这显然不是我想要的。 这是我的内容对象数组,图像的代码是我在搜索时找到的版本之一,但它们都没有工作:
page.20 = CONTENT
page.20.table = tt_content
page.20.wrap = <div id="content">|</div>
page.20.renderObj = COA
page.20.renderObj.wrap = <div id="news">|</div>
page.20.renderObj {
10 = TEXT
10.stdWrap.field = header
10.stdWrap.wrap = <div id="newstitle"><span>|</span></div>
20 = IMAGE
20.stdWrap.field = image
20.stdWrap.wrap = <div id="newsimage><img src="fileadmin/user_upload/|"</img></div>
30 = TEXT
30.stdWrap.field = bodytext
30.stdWrap.wrap = <div id="newstext"><p>|</p></div>
}
希望有人可以帮助我,所以我终于可以完成这个项目了!
答案 0 :(得分:0)
也许我没有正确理解,但是......你不需要自己编写,只需在你的主TS模板中加入CSS Styled Content
扩展名,这样你就可以渲染整列像:
page.20 < styles.content.get
如果您需要更改一些包装(例如:添加 新闻 CSS类),您还可以在setup
字段中覆盖它们。
编辑:转到模板&gt; 模板分析器并检查 EXT:css_styled_content / static / 代码,以便在您最终找到它时找到您想要更改的声明(准备好阅读;) ,只是你可以在你的TS中覆盖它,即:包装你可以使用的 Text w / image CE的文本部分:
tt_content.textpic.20.text.wrap = <div class="myNewsClass"> | </div>
最后我建议不要替换原来的课程,而是添加您自己的课程,以便上面的示例如下:
tt_content.textpic.20.text.wrap = <div class="csc-textpic-text myNewsClass"> | </div>
事实上所有这些类 csc - 都有一些CSS默认样式,因此您可以选择将图像左右对齐(等)。如果您将其删除,您需要自己处理这些事情。