Zum Inhalt springen

Inhaltselemente

Referenz für mp-core-Inhaltstypen: TCA-Speicherort, Fluid-Vorlagen, TSconfig-Assistenten und benutzerdefinierte Datenbankfelder.

MP-Core Logo
 

Feldbezeichnungen im Backend verwenden locallang_db.xlf. Dieses Dokument listet technische Schlüssel und deren Verhalten auf.

 

Schnellübersicht

CTypeArtTCA-DateiFrontend-Vorlage
galleryBenutzerdefinierttt_content_gallery.phpResources/Private/Templates/Content/Gallery.html
stageBenutzerdefinierttt_content_stage.phpResources/Private/Templates/Content/Stage.html
bannerBenutzerdefinierttt_content_banner.phpResources/Private/Templates/Content/Banner.html
singleteaserBenutzerdefinierttt_content_singleteaser.phpResources/Private/Templates/Content/Singleteaser.html
menu_subpagesKern-Überschreibungtt_content_menu_subpages.phpfluid_styled_content / Erweiterung überschreiben
mpcore_todolistBenutzerdefiniert (Vue)tt_content_00_base.phpVue-Einbindung über VueComponents.typoscript
definitionlistInhaltsblockContentBlocks/.../definitionlist/Inhaltsblöcke frontend.html
ce_accordionb13/containertt_content_accordion.phpResources/Private/Templates/Container/
ce_tabsb13/containertt_content_tabs.phpContainer-Vorlagen
ce_sliderb13/containertt_content_slider.phpContainer + SwiperSlider.vue
ce_gridb13/containertt_content_grid.phpContainer-Vorlagen
ce_containerb13/containertt_content_container.phpContainer-Wrapper

TypoScript: Configuration/TypoScript/Setup/ContentElements/tt_content/*.typoscript
Datenbankspalten: ext_tables.sql (alle tt_content Erweiterungen)

Gemeinsame Felder (viele CTypes)

Definiert in Configuration/TCA/Overrides/tt_content_00_base.php, tt_content_00_header.phpund tt_content_container.php.

Link-Palette (link_config)

Verwendet von Stage, Banner, Singleteaser und anderen.

FeldTypBeschreibung
tx_link_switchAktivierenLink-Schaltfläche aktivieren
tx_linkLinkSeite, Datei, URL oder Datensatz
tx_link_textEingabeBenutzerdefinierte Link-Bezeichnung (displayCond: aktivieren)
tx_link_layoutAuswählenbtn btn-primary/secondary/tertiary/quaternary, internal-link, external-link, download
tx_link_positionAuswählenbtn-center, btn-left, btn-right

Kopfzeilenpalette (header_config)

FeldTypBeschreibung
header_kickerEingabeText über der Überschrift
tx_header_styleAuswahlSemantische Ebene überschreiben: h1h6 (visuelle Klasse)
tx_header_insideAktivierenKopfzeile im Inhaltsbereich rendern

Raster / Hintergrund (Container TCA)

Verwendet von Banner, Singleteaser, Stage, menu_subpages, Containern.

FeldTypBeschreibung
grid_bgcolorAuswahlHintergrundfarbe (itemsProcFunc: ColorPickerValueItems)
grid_lightAktivierenHeller Text auf dunklem Hintergrund
grid_bgimageDateiHintergrundbild
grid_bgfullsizeHäkchenHintergrund in voller Breite
grid_parallaxHäkchenParallax (Jarallax)
grid_icon / grid_icon_switchDatei / checkOptionales Symbol
grid_containercheckBreite des inneren Containers
grid_columnsauswählenSpaltenlayout (Menü-Unterseiten)

Galerie (gallery)

TCA: Configuration/TCA/Overrides/tt_content_gallery.php
Assistent: Configuration/TsConfig/Page/ContentElement/Element/Gallery.tsconfig
Frontend: Vue GallerySwiper für Slider-/Thumbnail-Layouts; ansonsten statische Layouts.

Layout

FeldTypWerte / Standard
gallery_layoutAuswahlgallery-single, gallery-tiles, gallery-slider, gallery-thumbs (bei Änderung neu laden)
gallery_columnsAuswahl14 Folien pro Ansicht — nur wenn Layout = gallery-slider

Swiper-Optionen

Wird angezeigt, wenn das Layout gallery-slider und/oder gallery-thumbs (siehe TCA displayCond).

FeldTypStandardAnmerkungen
gallery_space_betweenZahl10px
gallery_speedZahl300ms Übergang
gallery_loopcheck0
gallery_navigation_enabledPrüfung1Zurück/Weiter
gallery_pagination_enabledcheck1
gallery_pagination_typeAuswählenbulletsfraction, progressbar
gallery_pagination_clickableMarkieren1Nur Aufzählungszeichen
gallery_pagination_dynamic_bulletsHäkchen1Nur Aufzählungszeichen
gallery_autoplay_enabledcheck0Nur Schieberegler
gallery_autoplay_delayZahl3000Nur Schieberegler
gallery_thumbs_per_viewAuswählen4Miniaturansicht: 3–6
gallery_thumbs_space_betweenAnzahl10Miniaturansicht

Kerninhaltsfelder

FeldAnmerkungen
header_kicker, header, subheader, bodytextRTE aktiviert bodytext
imageMehrere Bilder; FAL description/link/title/caption Passthrough

Bühne (stage)

TCA: Configuration/TCA/Overrides/tt_content_stage.php
Assistent: Configuration/TsConfig/Page/ContentElement/Element/Stage.tsconfig

Medien

FeldTypBeschreibung
tx_stage_switchAuswahl0 = Bildhintergrund, 1 = Video (Neuladen)
tx_stage_videoDateimp4, webm, ogg — wenn Schalter = Video
imageFALMax 1 — Hero-Bild
videoKernKern-Videofeld in der Palette
bodytextRTEOverlay-Text

Position & Darstellung

FeldTypWerte
tx_stage_positionAuswählenstage-default, stage-top, stage-middle, stage-bottom
grid_bgcolorAuswählenGemeinsamer Farbwähler
tx_stage_bgcolorAktivierenBühnen-spezifischer Hintergrund-Schalter
dateDatum/UhrzeitOptionale Datumszeile
link_config PaletteCTA-Link

Banner (banner)

TCA: Configuration/TCA/Overrides/tt_content_banner.php
Assistent: Configuration/TsConfig/Page/ContentElement/Element/Banner.tsconfig

Minimaler Hero-Streifen: Kopfzeile + einzelnes Bild + optionaler Hintergrund/Link.

FeldHinweise
headerTitel
imageMax. 1
grid_bgcolor, grid_lightAbschnittsfarben
link_configOptionaler CTA
bodytextReiner Text (RTE deaktiviert)

Einzelner Teaser (singleteaser)

TCA: Configuration/TCA/Overrides/tt_content_singleteaser.php
Assistent: Configuration/TsConfig/Page/ContentElement/Element/Singleteaser.tsconfig

FeldNotizen
header_kicker, header, subheader
imageMax. 1; imageorient, imagewidth in Palette
bodytextRTE
grid_bgcolor
link_config
dateOptional

Menü-Unterseiten (menu_subpages)

TCA: tt_content_menu_subpages.php — überschreibt nur den Kern showitem .

FeldHinweise
pagesAusgewählte Seiten
header_subpagesÜberschriftenebene für Untermenütitel (h2h6)
grid_bgcolor, grid_columns, grid_lightKarten-/Raster-Styling
tx_link_switch, tx_link_text, tx_link_layoutLink-Gestaltung pro Element

To-do-Liste (mpcore_todolist)

TCA: tt_content_00_base.php
FlexForm: Configuration/FlexForms/TodoList.xml
Frontend: Vue TodoListdata-container="vue" data-component="TodoList"

FlexForm-Einstellungen (pi_flexform)

EinstellungTypStandard
settings.showDeleteButtonCheckbox1
settings.showFiltercheck1
settings.showClearCompletedcheck1
settings.maxItemsZahl(siehe XML)
settings.cardTitleEingabeKartenüberschrift
settings.colorSchemeAuswahlBootstrap-Farbvariante

Definitionsliste (definitionlist)

Inhaltsblock – keine klassische TCA-CType-Datei.

Siehe Backend.md für Editorfelder.
RTE-Definitionslisten sind auch innerhalb der Haupt-RTE-Voreinstellung (Toolbar-Plugin) verfügbar.

Container-Elemente (b13/container)

Untergeordnete Inhalte befinden sich in colPos 101, sofern nicht anders angegeben. Symbole und Beschriftungen in locallang_db.xlf.

Accordion (ce_accordion)

TCA: tt_content_accordion.php

FeldTypBeschreibung
container_accordion_typeAuswahl1 Bootstrap, 2 nativ <details>
container_headlineEingabeAbschnittstitel
container_accordion_toggleCheckboxUI zum Ein- und Ausblenden
container_accordion_toggle_allÜberprüfenAlle ein-/ausblenden
container_accordion_opencheckErstes Fenster öffnen
grid_containercheckBreite des Containers

Zulässige untergeordnete CTypes: header, text, textpic, ce_accordion, ce_container

Registerkarten (ce_tabs)

TCA: tt_content_tabs.php

FeldTypBeschreibung
container_headlineEingabe
container_tab_openÜberprüfungErste Registerkarte öffnen
grid_containerCheck

Schieberegler (ce_slider)

TCA: tt_content_slider.phpVue-SwiperSlider-Anwendung im Frontend.

FeldTypStandard
slider_typeAuswahlslide, fade, cube, coverflow, flip, cards, creative
slider_slides_per_viewZahl1
slider_slides_per_groupZahl1
slider_space_betweenZahl0
slider_loopPrüfung0
slider_speedZahl300
slider_autoplay_enabledcheck0
slider_autoplay_delayZahl3000
slider_autoplay_disable_on_interactionPrüfen1
slider_navigation_enabledPrüfung1
slider_pagination_enabledcheck1
slider_pagination_typeauswählenbullets, fraction, progressbar
slider_pagination_clickablemarkieren0
slider_pagination_dynamic_bulletscheck0
slider_keyboard_enabledmarkieren1
slider_mousewheel_enabledcheck0
slider_free_mode_enabledcheck0
slider_zoom_enabledcheck0
slider_breakpointsTextJSON-Haltepunkte (erweitert)

Raster (ce_grid)

TCA: tt_content_grid.php — Bootstrap-Spalteneditor.

FeldTypBeschreibung
grid_typeselectul (Liste) oder div (div-Wrapper)
grid_columnsAuswahl1–4 Spalten
grid_breakpointauswählenxl, md, lg, xxl
grid_col1grid_col4auswählenBootstrap-Breite 1–12 pro Spalte
grid_offset1grid_offset4auswählenSpaltenversatz
grid_gutterauswählenZwischenraum 0–5
Gemeinsam grid_* HintergrundfelderAus Container-TCA

Verwendet Palette frames_ce_grid (nur Abstand, keine Rahmenlayout-Auswahl).

Container (ce_container)

TCA: tt_content_container.php — generischer Wrapper mit Hintergrundpaletten (grid_bgcolor, grid_bgimage, Parallax, Icon usw.).

Hinzufügen eines neuen Inhaltselements

  1. TCAConfiguration/TCA/Overrides/tt_content_myelement.php + Spalten in der ext_tables.sql.
  2. TemplateResources/Private/Templates/Content/Myelement.html.
  3. TypoScriptConfiguration/TypoScript/Setup/ContentElements/tt_content/Myelement.typoscript.
  4. AssistentConfiguration/TsConfig/Page/ContentElement/Element/Myelement.tsconfig.
  5. SymbolConfiguration/Icons.php.
  6. Paletten wiederverwenden: link_config, header_config, grid_* wo zutreffend.

Siehe Configuration.md für TCA-Muster und Frontend.md für Asset-Einbindungen.

Verwandte Dokumentation

Seite teilen