【问题标题】:Creating custom layouts for Images in page content TYPO3 6为页面内容中的图像创建自定义布局 TYPO3 6
【发布时间】:2013-09-11 07:47:21
【问题描述】:

Typo3 提供了向页面内容添加多个图像的选项,但所有图像都包含在一些默认的<div> 标签下。我希望将这些图像包装在 <ul> and <li> 标签下,并为其提供我自己的自定义 CSS ids and classes

我没有太多关于 TYPO3 的资源来解决这个问题。 TYPO3 可以允许对页面内容元素使用自定义标签吗?

更新

从 Jost 的回答中可以显示我的图像,但是如何拆分图像细节?

我的每张图片都会有title, alt-text, image-path and image-link。现在,使用 TypoScript 如何检索它,因为每个细节都必须放在单独的标签中。

【问题讨论】:

    标签: css image typo3


    【解决方案1】:

    检查 TypoScript 对象浏览器。在那里您将找到对象tt_content,其中包含内容元素的呈现定义。图片的渲染定义在tt_content.image.20,例如

    tt_content.image.20.imageStdWrap.dataWrap = <div class="csc-textpic-imagewrap" style="width:{register:totalwidth}px;"> | </div>
    

    那里给出的默认定义通常由 CSS-styled-content 的静态 TypoScript 提供。您可以在自己的 TS 中覆盖它们,但是当更新到较新的 TYPO3 版本时,默认模板可能会发生变化,这可能会导致额外的包装器。

    更新

    TYPO3 中的大部分内容呈现在 TypoScript 对象tt_content 中定义。您可以通过选择“模板”模块和相关页面来浏览将在页面上使用的所有 TS 对象,然后在窗口顶部的选择框中选择“TypoScript 对象浏览器”。要理解这些东西的含义,需要了解 TypoScript(TutorialReference)。

    您可以添加自己的 TypoScript,这可能会覆盖现有设置。您也可以在模板模块中执行此操作,但通常这是通过在 fileadmin 文件夹中的某处创建一个包含脚本的文件并从模板模块中包含它来完成的。

    以上内容使您能够编辑页面的标记。 (附加)CSS 通常在外部文件中定义,这些文件包含在 PAGE 对象中(请参阅相关参考)。

    【讨论】:

    • 好吧,这可能听起来很蹩脚,我真的不明白你想说什么。如何检查我的 Typoscript 对象?在我的 Typoscript 中哪里添加那行代码?我想显示图像的标题并在图像列表中添加一些 CSS。
    • @user2749184 更新了答案 - 您可能需要先阅读一些关于 TypoScript 的内容。
    • 哦,好的!感谢您的参考。但是现在,请您检查我的编辑,看看您是否可以帮助我...
    【解决方案2】:

    这篇文章有点老了,但我想添加以下内容:

    如果您想了解不同内容元素的包装方式,可以查看 css_styled_content 扩展。我假设您在主要的 Typoscript 模板中包含了“静态模板(来自扩展)”。 您可以在此处找到 setup.txt: 错字3/sysext/css_styled_content/static/setup.txt

    例如,您会在此处找到第 860 行(TYPO3 版本 6.1)中提到的 Jost 行。当然还有很多其他的定义。 但请检查以阅读typo3.org 上的文档和教程。

    HTH 梅斯拉

    【讨论】:

      猜你喜欢
      • 2019-11-16
      • 2011-09-21
      • 2014-02-11
      • 2013-08-30
      • 1970-01-01
      • 1970-01-01
      • 2018-02-15
      • 1970-01-01
      • 2016-01-21
      相关资源
      最近更新 更多