[英]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.