Entwicklung

Striktes Corporate Design im Redaktionssystem mit FlexContentElementen: Das Layout fest im Griff

Lesezeit: 6 Min.
Artikel merken

TYPO3 bietet die Möglichkeit, FlexContentElemente einzusetzen. Mit ihrer Hilfe ist es ohne weiteres möglich, Layout-Richtlinien auch auf Webseiten einzusetzen, denen ein redaktionelles System zu Grunde liegt. Und das, ohne dass die Redakteure in den Richtlinien des Corporate Designs geschult werden müssten.

Mit TYPO3 als Framework ist es möglich, dass auch Personen ohne HTML-Kenntnisse Inhalte in Webseiten einarbeiten und modifizieren können. Dafür steht ein Rich-Text-Editor (RTE) wie HTMLArea mit vielfältigen Formatierungs- und Gestaltungsmöglichkeiten zur Verfügung. Es ist aber nicht immer wünschenswert, Editoren einer Internetseite solche gestalterischen Freiheiten zu gewähren, da es schnell zu abweichenden Layouts einzelner Seiten kommen kann. Vor allem Unternehmen besitzen deshalb weitreichende Richtlinien, die den Vorgaben des Corporate Designs (CD) Folge leisten und unbedingt eingehalten werden müssen. Ein Lösungsansatz läge in der Festlegung von Stilvorlagen für den RTE, um das Erscheinungsbild der Inhaltselemente zu fixieren. Dies ist aber sehr mühsam und lässt die Umsetzung von komplexen Gestaltungen nur bedingt zu. Eine bessere Möglichkeit bietet der Einsatz von FCE im Zusammenspiel mit TemplaVoilà.

TemplaVoilà und FCEs

Mit Templa Voilà [1] [2] wird die bisher komplizierte Realisierung von Designvorlagen durch eine strukturierte Layout-Definition ersetzt. Grundlage bildet auch hier eine HTML-Vorlage. Es ist aber nicht mehr nötig, die Vorlage in irgendeiner Weise, zum Beispiel mit Markern, für TYPO3 vorzubereiten. TemplaVoilà bietet einen Modus, in dem der HTML-Code grafisch aufbereitet wird, um die einzelnen Elemente wie Navigation, News- und Inhaltsbereich zu definieren. Dazu wird das Template wie in einem Browser dargestellt, wobei HTML-Tags sichtbar gemacht werden, die als Container dienen können. Durch Klicken auf eine der Tag-Schaltflächen wird der Container einem Bearbeitungstyp wie „Bild“ oder „Inhalt“ zugewiesen, der zuvor in einem Menü ausgewählt wurde. Dieses visuelle Mapping ist eines von zwei TemplaVoilà-Modulen.

Das könnte dich auch interessieren

Bitte beachte unsere Community-Richtlinien

Wir freuen uns über kontroverse Diskussionen, die gerne auch mal hitzig geführt werden dürfen. Beleidigende, grob anstößige, rassistische und strafrechtlich relevante Äußerungen und Beiträge tolerieren wir nicht. Bitte achte darauf, dass du keine Texte veröffentlichst, für die du keine ausdrückliche Erlaubnis des Urhebers hast. Ebenfalls nicht erlaubt ist der Missbrauch der Webangebote unter t3n.de als Werbeplattform. Die Nennung von Produktnamen, Herstellern, Dienstleistern und Websites ist nur dann zulässig, wenn damit nicht vorrangig der Zweck der Werbung verfolgt wird. Wir behalten uns vor, Beiträge, die diese Regeln verletzen, zu löschen und Accounts zeitweilig oder auf Dauer zu sperren.

Trotz all dieser notwendigen Regeln: Diskutiere kontrovers, sage anderen deine Meinung, trage mit weiterführenden Informationen zum Wissensaustausch bei, aber bleibe dabei fair und respektiere die Meinung anderer. Wir wünschen Dir viel Spaß mit den Webangeboten von t3n und freuen uns auf spannende Beiträge.

Dein t3n-Team

Schreib den ersten Kommentar!

Melde dich mit deinem t3n Account an oder fülle die unteren Felder aus.

Bitte schalte deinen Adblocker für t3n.de aus!

Hallo und herzlich willkommen bei t3n!

Bitte schalte deinen Adblocker für t3n.de aus, um diesen Artikel zu lesen.

Wir sind ein unabhängiger Publisher mit einem Team von mehr als 75 fantastischen Menschen, aber ohne riesigen Konzern im Rücken. Banner und ähnliche Werbemittel sind für unsere Finanzierung sehr wichtig.

Schon jetzt und im Namen der gesamten t3n-Crew: vielen Dank für deine Unterstützung! 🙌

Digitales High Five
Holger Schellkopf (Chefredakteur t3n)

Anleitung zur Deaktivierung

Artikel merken

Bitte melde dich an, um diesen Artikel in deiner persönlichen Merkliste auf t3n zu speichern.

Jetzt registrieren und merken

Du hast schon einen t3n-Account? Hier anmelden

oder