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.

 

Kurzanleitung

CTypeTypTCA-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 / Erweiterungs-Überschreibung
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
ce_modalb13/containertt_content_modal.phpResources/Private/Templates/Container/Modal.html

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.

Wird von Stage, Banner, Singleteaser und anderen verwendet.

FeldTypBeschreibung
tx_link_actionAuswahlnavigate (Standard) oder modal — muss modal, tx_link muss auf einen ce_modal Datensatz auf derselben Seite verweisen
tx_link_switchAktivierenSchaltfläche „Link aktivieren“
tx_linkLinkSeite, Datei, URL, Datensatz oder ce_modal Inhaltselement (wenn „action“ = „modal“)
tx_link_textEingabeBenutzerdefinierte Link-Bezeichnung (displayCond: aktivieren)
tx_link_layoutAuswahlbtn btn-primary/secondary/tertiary/quaternary, internal-link, external-link, download
tx_link_positionAuswahlbtn-center, btn-left, btn-right

Kopfzeilenpalette (header_config)

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

Raster / Hintergrund (Container TCA)

Wird von Banner, Singleteaser, Stage, menu_subpages und Containern verwendet.

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 / HäkchenOptionales Symbol
grid_containerHäkchenBreite des inneren Containers
grid_columnsauswählenSpaltenlayout (Menü-Unterseiten)

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_viewAuswahl4Miniaturansicht-Layout: 3–6
gallery_thumbs_space_betweenAnzahl10Miniaturansicht-Layout

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 (Neu laden)
tx_stage_videoDateimp4, webm, ogg — wenn Schalter = Video
imageFALMax 1 — Hero-Bild
videoKernKern-Videofeld in der Palette
bodytextRTEOverlay-Text

Position und Darstellung

FeldTypWerte
tx_stage_positionAuswählenstage-default, stage-top, stage-middle, stage-bottom
grid_bgcolorAuswählenGemeinsamer Farbwähler
tx_stage_bgcolorAnkreuzfeldUmschalter für stufenspezifischen Hintergrund
dateDatum/UhrzeitOptionale Datumszeile
link_config PaletteCTA-Link

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.

FeldAnmerkungen
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

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

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_lightGestaltung von Karten/Rastern
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.cardTitleEingabeKartenbezeichnung
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 (Symbolleisten-Plugin) verfügbar.

Container-Elemente (b13/container)

Alle fünf Container-CTypes werden über B13\Container\Tca\Registry::configureContainer(). Untergeordnete Inhalte befinden sich bei jedem Container in colPos 101 (beabsichtigt gemeinsam genutzt – untergeordnete Elemente werden durch tx_container_parent, nicht allein durch colPos). Seiten-Backend-Layouts verwenden colPos 0–4; weisen Sie den Spalten einer Seite nicht colPos 101 zu.

TypoScript: Configuration/TypoScript/Setup/ContentElements/tt_content/ContainerElements.typoscript (Site-Set mpc/mp-core-container). Die Frontend-Darstellung verwendet ContainerProcessor und {children_101} in Fluid-Vorlagen.

Gemeinsames Wrapper-Feld grid_container sowie die Palette grid_container_pallet sind im Configuration/TCA/Overrides/tt_content_00_container_shared.php.

„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_allHäkchenAlle ein-/ausblenden
container_accordion_opencheckErstes Fenster geöffnet
grid_containercheckBreite des Containers

Zulässige untergeordnete CTypes: wie bei Registerkarten — header, text, textpic, ce_accordion, ce_tabs, ce_container, mpc_vidply (erfordert Erweiterung mpc_vidply). Akkordeon und Registerkarten können voneinander verschachtelt werden. VidPly-Elemente vom Typ „Listview“ und „Detail“ sind bewusst ausgeschlossen.

Registerkarten (ce_tabs)

TCA: tt_content_tabs.php

FeldTypBeschreibung
container_headlineEingabe
container_tab_openPrüfungErste Registerkarte öffnen
grid_containercheck

Zulässige untergeordnete CTypes: dieselbe Liste wie bei der Akkordeon-Anzeige (siehe oben).

Schieberegler (ce_slider)

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

FeldTypStandard
slider_typeAuswahlslide, fade, cube, coverflow, flip, cards, creative
slider_slides_per_viewZahl1
slider_slides_per_groupZahl1
slider_space_betweenZahl0
slider_loopHäkchen0
slider_speedZahl300
slider_autoplay_enabledPrüfen0
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_bulletsMarkieren0
slider_keyboard_enabledmarkieren1
slider_mousewheel_enabledcheck0
slider_free_mode_enabledcheck0
slider_zoom_enabledcheck0
slider_breakpointstextJSON-Haltepunkte (fortgeschritten)

Raster (ce_grid)

TCA: tt_content_grid.php — Bootstrap-Spalteneditor.

Untergeordnete Elemente teilen sich einen einzigen Backend-Ablegebereich (colPos 101). Im Frontend verteilt `Grid.html` die untergeordneten Elemente nach dem Round-Robin-Prinzip auf die konfigurierte Anzahl von Spalten (grid_columns, 1–4). Die Sortierreihenfolge der untergeordneten Elemente bestimmt die Platzierung; grid_col1grid_col4 und Offsets steuern ausschließlich die Spaltenbreiten.

FeldTypBeschreibung
grid_typeselectul (Liste) oder div (div-Container)
grid_columnsAuswahl1–4 Spalten
grid_breakpointAuswählenxl, md, lg, xxl
grid_col1grid_col4auswählenBootstrap-Breite 1–12 pro Spalte
grid_offset1grid_offset4AuswählenSpaltenversätze
grid_gutterAuswählenZwischenraum 0–5
Gemeinsam genutzt grid_* HintergrundfelderAus Container-TCA

Verwendet Palette frames_ce_grid (nur Abstand, keine Auswahl des Rahmenlayouts).

TCA: tt_content_modal.php — Bootstrap-Overlay mit zusammengesetzten untergeordneten Inhalten in colPos 101.

FeldTypBeschreibung
headerEingabeModaltitel in der Kopfzeile (aria-labelledby); als Fallback wird die erste untergeordnete Überschrift verwendet (z. B. VidPly)
container_modal_triggerAuswahlimage, link, image_link — integrierter Auslöser auf der Seite
container_modal_sizeAuswahlmd, lg, xl, fullscreen
container_modal_hide_triggerAktivierenNur Markup des Modals ausgeben; Auslösung durch ein anderes CE über tx_link_action=modal oder einen RTE-Bodytext-Link (Link-Browser-Registerkarte „Modal“)
imageFALMax. 1 – Miniaturansicht auslösen, wenn der Auslöser ein Bild enthält
link_config PaletteBezeichnung des Auslöse-Links und Stil der Schaltfläche (führt nicht zur Navigation)

Zulässige untergeordnete CTypes: Akkordeon/Registerkarten, Panel-Liste sowie image.

Frontend: #modal-{uid}; Miniaturansicht des Triggers aus dem image Feld, wenn der Auslösertyp ein Bild enthält; Darstellung gemeinsamer Links über Resources/Extensions/fluid_styled_content/Private/Partials/Link/ActionLink.html.

RTE-Modal-Links: Verwenden Sie im Fließtext die Registerkarte „Modal“ des Link-Browsers, um einen ce_modal auf derselben Seite auszuwählen. Das Frontend rendert einen Inline-Link mit einem Modal-Symbol (a.modal-link), das #modal-{uid} über Bootstrap. Bei dem modalen CE sollte in der Regel die Option „Integrierten Auslöser ausblenden“ aktiviert sein, wenn er aus RTE-Text heraus ausgelöst wird.

Container (ce_container)

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

Hinzufügen eines neuen Inhaltselements

  1. TCAConfiguration/TCA/Overrides/tt_content_myelement.php + Spalten im ext_tables.sql.
  2. VorlageResources/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_* sofern zutreffend.

Siehe „Configuration.md“ für TCA-Muster und „Frontend.md“ für das Einbinden von Assets.

Seite teilen