check-circle Created with Sketch.

Designschemata mit dem Generator erstellen

Mit dem Designschema-Generator können Sie sich schnell und unkompliziert ein individuelles Designschema für einen inklusiven Internetauftritte zusammenklicken. Auf dieser Seite finden Sie eine kurze Gebrauchsanleitung für den Designschema-Generator.

Wie komme ich an den Designschema-Generator?

Bitte wenden Sie sich an die Presse- und Öffentlichkeitsarbeit, wenn Sie den Designschema-Generator nutzen möchten.

Schreiben Sie eine Mail an inklusives-internet@lwl.org oder melden Sie sich telefonisch unter 0251-591-5151.

Was ist der Designschema-Generator?

Mit dem Designschema-Generator können Sie sich mit wenigen Klicks individuelles Designschema für Ihren Aufritt zusammenklicken.

Sie können alle Designanpassungen sofort auf Ihren eigenen Seiten betrachten und mit verschiedenen Kombinationen experimentieren. Wenn Ihnen eine Kombination gefällt, können Sie sich mit einem Klick eine CSS-Datei erstellen.

Diese CSS-Datei kann in wenigen Minuten in Ihren Auftritt eingebunden werden– alle Seiten Ihres Internetauftrittes erscheinen dann im neuen Design. Durch die Nutzung des Designschema-Generators ist auch die Barrierefreiheit sichergestellt.

In der folgenden Beispielabbildung unterscheiden sich die drei Designschemata lediglich durch die gewählte Farbpalette. Die Farbpalette ist aber nur einer von vielen Parametern die verändert werden können.

Wie sieht der Designschema-Generator aus?

Reiter „Design-Code erstellen“

Reiter „Design-Code anwenden“

Welche Design-Änderungen ermöglicht der Designschemagenerator?

Der Designschema-Generator bietet Ihnen folgende Styling-Parameter:


Auf den verlinkten Unterseiten erhalten Sie ausführlichere Informationen zu den einzelnen Parametern.

Diese Parameter wurden so ausgewählt und aufeinander abgestimmt, dass Sie immer ein Designschema erhalten, dass die Mindestanforderung der Barrierefreiheit erfüllt.

Beispiele mit verschiedenen Designschemata

Über die Kacheln gelangen Sie zu inklusiven LWL-Internetauftritten, für die bereits individuelle Designschemata erstellt und hinterlegt wurde. Schauen Sie sich dort die verschiedenen Gestaltungsmöglichkeiten der Parameter an.

Wie kann ich mit dem Design-Code Änderungen für eine spätere Ansicht sichern oder mit anderen teilen?

Der Designschema-Generator bietet Ihnen die Möglichkeit ein Designschema, das Sie im Designschema-Generator zusammengestellt haben, in Form eines Design-Codes zu sichern. Diesen Design-Code finden Sie in dem Abschnitt „Design-Code“. Es handelt sich hierbei um einen Zahlencode, der sich mit jeder Design-Anpassung, die sie vornehmen, ändert.


Design-Code sichern
Um Ihr zusammengestelltes Designschema für einen späteren Zeitpunkt wieder verfügbar zu machen, kopieren Sie den Design-Code und speichern Sie ihn zum Beispiel in einem Textdokument auf Ihrem Computer. 

Design-Code anwenden
Möchten Sie Ihr Designschema wiederhestellen, setzen Sie den Design-Code unter dem Reiterpunkt „Design-Code anwenden“ ein.

 

Design-Code mit anderen teilen
Sie können einen Design-Code an andere Nutzer verschicken, damit diese Ihr erstelltes Designschema mit Hilfe des Designschema-Generators an einem anderen Computer ansehen können.

Wofür brauche ich eine CSS-Datei?

Die CSS-Datei legt die Darstellung der Inhalte Ihres Internetauftrittes fest bzw. beeinflusst diese. Die CSS-Datei muss dafür in der Medienbibliothek des LWL-django-CMS hinterlegt werden. Gerne können Sie sich dafür an die LWL-Presse- und Öffentlichkeitsarbeit wenden.

Wie kann ich den Designschema-Generator ausblenden oder entfernen?

Designschmema-Generator ausblenden

Möchten Sie den Designschema-Generator zwischenzeitlich ausblenden, um zum Beispiel die Webseite in voller Breite betrachten zu können, klicken Sie auf den Ausklapppfeil am linken Rand des Designschema-Generators. Um den Designschema-Generator wieder einzublenden, klicken sie erneut auf den Ausklapppfeil, den Sie nun am rechten Rand Ihres Browserfensters finden.

Designschema-Generator entfernen

Möchten Sie den Generator von einer Seite entfernen, löschen Sie im Strukturmodus das Designschema-Plugin. Das Designgenerator-Plugin sollte entfernt werden, wenn Sie Ihre Webseite finalisieren und für den Launch vorbereiten.

Ich möchte Design-Änderungen, die über die des Designschema-Generators hinausgehen. Was nun?

Der Designschema-Generator bietet Ihnen eine Vielzahl an möglichen Design-Änderung, um das Aussehen Ihrer Webseite individualisieren zu können. Trotzdem kann es vorkommen, dass Design-Änderungen notwendig werden, die über die Möglichkeiten des Designschema-Generators hinausgehen. In diesem Fall können Sie eine externe Design/-Digitalagentur beauftragen, die zusätzliche Styling-Änderungen an Ihrer Website umsetzt. Beachten Sie dabei jedoch, dass auch in diesem Fall Regelungen eingehalten werden müssen. Diese Regelungen sind erforderlich, um unter Anderem die Barrierefreiheit Ihrer Webseite zu garantieren.

Mehr dazu erfahren Sie hier: Designschema frei erstellen – Regelungen.