FCE - verschachteltes - mappen - Fragen über Fragen
| Autor | Nachricht |
|---|---|
|
Verfasst am: 29. 12. 2011 [10:37]
|
|
|
timmy2007
Themenersteller
Dabei seit: 04.01.2007
Beiträge: 426
|
Ich möchte gerne folgenden HTML Code in TemplaVoila als FCE mappen: HTML <!-- Posts --> <div> <ul class="blocks-thumbs thumbs-rollover"> <li> <a href="single.html" class="thumb" title="An image"><img src="img/dummies/282x150.gif" alt="Post" /></a> <div class="excerpt"> <a href="single.html" class="header">Lorem ipsum dolor</a> <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra.</p> </div> <a href="single.html" class="link-button"><span>Read more ?</span></a> </li> <li> <a href="single.html" class="thumb" title="An image"><img src="img/dummies/282x150.gif" alt="Post" /></a> <div class="excerpt"> <a href="single.html" class="header">Lorem ipsum dolor</a> <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra.</p> </div> <a href="single.html" class="link-button"><span>Read more ?</span></a> </li> <li> <a href="single.html" class="thumb" title="An image"><img src="img/dummies/282x150.gif" alt="Post" /></a> <div class="excerpt"> <a href="single.html" class="header">Lorem ipsum dolor</a> <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra.</p> </div> <a href="single.html" class="link-button"><span>Read more ?</span></a> </li> </ul> </div> <!-- ENDS posts --> Die Schwierigkeiten für mich liegen beim Mapping der Links, die dort zu sehen sind. Das Bild, die Überschrift und der "Read more" Button sind zu dem selben Artikel als Link im Quelltext zu sehen. In Typo3 würde ich aber es so wollen, das die Links zu den eigentlichen Artikel führen sollen, die dann von den Redakteuren eingegeben werden. Oder gibt es noch eine andere Option, dass dieser "Aufmacher" Text automatisch zu einen längeren Artikel führen kann? Zusätzlich finde ich es schwierig, den o.a. Quelltext zu mappen und ich weiss im Moment nicht, wie ich damit anfangen soll. Wer kann mir einen Tipp geben? |
 |
|
|
Verfasst am: 11. 01. 2012 [08:32]
|
|
|
timmy2007
Themenersteller
Dabei seit: 04.01.2007
Beiträge: 426
|
Hat jemand eine Idee? |
|
|
|
Verfasst am: 11. 01. 2012 [12:07]
|
|
|
LuP
Dabei seit: 12.04.2007
Beiträge: 491
|
Hallo, anbei mein Vorschlag. Template: HTML <div> <ul class="blocks-thumbs thumbs-rollover"> <li> <img src="img/dummies/282x150.gif" alt="Post" /> <div class="excerpt"> <a href="my_link.html" class="header">[header]</a> <p>[abstract]</p> </div> </li> </ul> </div> Mapping: div als ROOT container mappen (mode: OUTER) ul als section mappen (mode: INNER) li als container mappen (mode: OUTER) Dann noch alle Elemente im letzten Container mappen. Wenn alle Links zum gleichem Ziel verweisen, wäre nur einmal mappen nötig (z.B beim Header) und für weitere verlinkten Elemente per typolink direkt im DS zu setzen. Damit wären die a-Tags um das Bild und um Read more überflüssig. Ansatz für DS: HTML <field_abstract type="array"> <tx_templavoila type="array"> <title>Abstract</title> <description>Map this to p tag</description> <sample_data type="array"> <numIndex index="0">[Abstract]</numIndex> </sample_data> <eType>rte</eType> <TypoScript><![CDATA[ 10 = TEXT 10.current = 1 10.parseFunc = < lib.parseFunc_RTE 20 = HTML 20.value = <span>Read more</span> 20.typolink.parameter.field = field_link 20.wrap = | ]]></TypoScript> <proc type="array"> <HSC type="integer">0</HSC> </proc> </tx_templavoila> <TCEforms type="array"> <!-- ... --> </TCEforms> </field_abstract> <field_link type="array"> <type>attr</type> <tx_templavoila type="array"> <title>Link</title> <description>Map to a:href attribut</description> <sample_data type="array"> <numIndex index="0">[Link]</numIndex> </sample_data> <eType>link</eType> <tags>a:attr:href</tags> <TypoScript> 10 = TEXT 10.typolink.parameter.current = 1 10.typolink.returnLast = url </TypoScript> <proc type="array"> <HSC type="integer">1</HSC> </proc> </tx_templavoila> <TCEforms type="array"> <!-- ... --> </TCEforms> </field_link> VG, LuP |
|
|
|
Verfasst am: 11. 01. 2012 [16:52]
|
|
|
timmy2007
Themenersteller
Dabei seit: 04.01.2007
Beiträge: 426
|
LuP schrieb: Hallo, anbei mein Vorschlag. Template: HTML <div> <ul class="blocks-thumbs thumbs-rollover"> <li> <img src="img/dummies/282x150.gif" alt="Post" /> <div class="excerpt"> <a href="my_link.html" class="header">[header]</a> <p>[abstract]</p> </div> </li> </ul> </div> Mapping: div als ROOT container mappen (mode: OUTER) ul als section mappen (mode: INNER) li als container mappen (mode: OUTER) Dann noch alle Elemente im letzten Container mappen. Wenn alle Links zum gleichem Ziel verweisen, wäre nur einmal mappen nötig (z.B beim Header) und für weitere verlinkten Elemente per typolink direkt im DS zu setzen. Damit wären die a-Tags um das Bild und um Read more überflüssig. Ansatz für DS: HTML <field_abstract type="array"> <tx_templavoila type="array"> <title>Abstract</title> <description>Map this to p tag</description> <sample_data type="array"> <numIndex index="0">[Abstract]</numIndex> </sample_data> <eType>rte</eType> <TypoScript><![CDATA[ 10 = TEXT 10.current = 1 10.parseFunc = < lib.parseFunc_RTE 20 = HTML 20.value = <span>Read more</span> 20.typolink.parameter.field = field_link 20.wrap = | ]]></TypoScript> <proc type="array"> <HSC type="integer">0</HSC> </proc> </tx_templavoila> <TCEforms type="array"> <!-- ... --> </TCEforms> </field_abstract> <field_link type="array"> <type>attr</type> <tx_templavoila type="array"> <title>Link</title> <description>Map to a:href attribut</description> <sample_data type="array"> <numIndex index="0">[Link]</numIndex> </sample_data> <eType>link</eType> <tags>a:attr:href</tags> <TypoScript> 10 = TEXT 10.typolink.parameter.current = 1 10.typolink.returnLast = url </TypoScript> <proc type="array"> <HSC type="integer">1</HSC> </proc> </tx_templavoila> <TCEforms type="array"> <!-- ... --> </TCEforms> </field_link> VG, LuP Du meinst also, ich sollte Header, Readmore und das Bild nicht mappen? Oder doch? Und ich müßte ja meine komplette HTML Struktur mappen, nicht wahr? Ist Dein Mapping-Beispiel vollständig? |
|
|
|
Verfasst am: 11. 01. 2012 [18:06]
|
|
|
LuP
Dabei seit: 12.04.2007
Beiträge: 491
|
mappen sollst Du die ganzen Elemente schon. Zum Mapping kommen also noch hinzu: - field_image zum img-Tag - field_header zum h2-Tag (hierzu habe ich im Template das h2-Tag vergessen, es müsste heißen <a - href="my_link.html" class="header"><h2>[header]</h2></a>  - field_link zum a:href Attribut - field_abstract zum p-Tag Nur beim Link wird nur der Header vom a-Tag umgeschlossen. Die restlichen Verlinkungen erfolgen im TypoScript vom DS (s. mein Beispiel zu DS). Read more würde ich im Template ganz weg lassen. Man kann im field_abstract ein Read more Link anbringen und per TypoScript anhand typoLink mit dem field_link verknüpfen (s. auch mein Beispiel zu DS hierzu). Das gleiche Prinzip gilt auch für das Bild, um das field_image mit dem field_link zu verlinken, allerdings dann noch mit stdWrap. TYPOSCRIPT VG, LuP |
|
|