簡體   English   中英

在頁面內容TYPO3中為圖像創建自定義布局6

[英]Creating custom layouts for Images in page content TYPO3 6

Typo3提供了向頁面內容添加多個圖像的選項,但所有圖像都包含在一些默認的<div>標簽下。 我希望這些圖像包含在<ul> and <li>標簽下,並為其提供我自己的自定義CSS ids and classes

TYPO3上沒有太多資源可供我解決這個問題。 TYPO3可以允許為頁面內容元素使用自定義標簽嗎?

UPDATE

從Jost的回答中可以看到我的圖像,但是如何分割圖像細節呢?

我的每張圖片都有title, alt-text, image-path and image-link 現在,使用TypoScript我如何檢索它,因為每個細節必須在單獨的標簽中。

檢查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樣式內容的靜態TypoScript提供。 您可以在自己的TS中覆蓋它們,但是當更新到較新的TYPO3版本時,默認模板可能會更改,這可能會導致其他包裝器。

更新

TYPO3中的大多數內容渲染都是在TypoScript對象tt_content定義的。 您可以通過選擇“模板”模塊和相關頁面瀏覽將在頁面上使用的所有TS對象,然后在窗口頂部的選擇框中選擇“TypoScript對象瀏覽器”。 要了解這些東西的含義,必須了解TypoScript( 教程參考 )。

您可以添加自己的TypoScript,它可能會覆蓋現有設置。 您也可以在模板模塊中執行此操作,但通常可以通過在fileadmin文件夾中的某處創建包含腳本的文件並將其包含在Template模塊中來完成。

以上功能使您可以編輯頁面的標記。 (附加)CSS通常在外部文件中定義,它們包含在PAGE對象中(請參閱相關參考)。

這篇文章有點舊,但我想添加以下內容:

如果您想了解如何包裝不同的內容元素,您可以查看css_styled_content擴展名。 我假設您已在主要的Typoscript模板中包含“靜態模板(來自擴展名)”。 你可以在這里找到setup.txt:typo3 / sysext / css_styled_content / static / setup.txt

例如,你會在第860行(TYPO3版本6.1)中找到Jost提到的那一行。 當然還有很多其他定義。 但請查看有關typo3.org的文檔和教程。

HTH merzilla

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM