Contenido Plugin: JOHN_CMS_CSSSTYLES

Einfache CSS-Klassen-Auswahl für Redakteure

Einleitung

Contenido-Entwickler nutzen für die Seiteninhalte sogenannte CMS-Typen. Das Contenido-Plugin john_cms_cssstyles führt einen neuen CMS-Typ namens CMS_CSSSTYLES ein. 

Mit dem Typ „CSS Styles“ kannst du einem Inhaltselement (DIV-Container oder ähnliches) gezielt CSS-Klassen zuweisen.

Diese Klassen steuern z. B.:

  • Abstände (oben/unten)
  • Schriftfarben und Schriftarten
  • Layout-Verhalten
  • sonstige Design-Eigenschaften

Die Auswahl erfolgt komfortabel über ein Auswahlfenster (Modal), sodass auch Redakteure per Klick das Aussehen beeinflussen können. 

Das Plugin JOHN_CMS_CSSSTYLES ergänzt hervorangend das Modul john_dynamic_content, um Layout-Einstellungen einfach per Klick umzusetzen.

Contenido-Plugin john_cms_cssstyles

Version: 1.1 - 23.04.2026
Ab Contenido 4.9
PHP 7.4+, 8.x

Lizenz

Das Plugin john_cms_csssytels wird pro Domain lizensiert. Bei Fragen melden Sie sich bitte unter support@john-server.de 

Installation und Bedienung: 

Im Contenido-Pflegesystem unter Administration - Plugin Manager über den Button "Neues Plugin hochladen" die ZIP-Datei übertragen.

Ab diesen Zeitpunkt steht der neue CMS-Typ CMS_CSSSTYLES[#] in allen Modulen zur Verfügung. 

Nutzung innerhalb des Editors:

So funktioniert die Auswahl:

  • Klick auf den CSS-Button
  • Es öffnet sich ein Fenster mit verschiedenen Layout-Kategorien
  • Diese kannst du auf und zu klappen.
  • Klicke auf einen gewünschte Styling-Eigenschaft, um sie auszuwählen. 
  • Es kann eingestellt werden, ob pro Kategorie eine (z.B. für Schrift) oder mehrere Eigenschaften (z.B. für Abstände oben unten rechts links) ausgewählt werden können.

Filterung nach Kontext (automatisch)

Je nach Einsatzort kann die Auswahl an Styling-Eigenschaften angepasst werden. Hierzu können dem umgebenen Element Tags per data-Attribut mitgegeben werden. 

Beispiel für Style-Einschränkungen:  
<div data-cssstyletags="color,space"> {$CMS_CSSSTYLES[1]} </div>

Die Vorlagen für die Auswahl können zentral angepasst werden. 

Konfigurationsdatei

Die Konfigurationsdatei wird beim Erstmaligen aufruf im Frontend-Konfigurationsverzeichnis mit dem Namen "cssstyles.definition.php" angelegt.

Einschränkung:
Das Modul unterstützt im Pflegebereich nur eine Sprache.