Actions

Designvorlagen

From LimeSurvey Manual

This page is a translated version of the page Themes and the translation is 100% complete.
'LimeSurvey 3 führt ein komplett neues Template-Engine-System ein, basierend auf Twig 1.29 und / Bootstrap und das Zulassen von Vorlagenvererbung und Vorlagenoptionen. Die Frontend-HTML-Seite kann zu 100 % an Ihre Bedürfnisse angepasst werden.


Installieren Sie Limesurvey 3.0+, um Zugriff auf die Funktion „Themenoptionen“ der Umfrage zu erhalten. Diese Option ist in den älteren LimeSurvey-Versionen „nicht“ verfügbar!


  Der folgende Abschnitt befindet sich noch im Aufbau. Wenn Sie eine kurze Einführung in das neue Theme-System von LimeSurvey 3.x erhalten möchten, lesen Sie bitte den folgenden Wiki-Abschnitt weiter. Wenn Sie noch LimeSurvey 2.x verwenden, lesen Sie bitte den folgenden Wiki-Abschnitt weiter (wir empfehlen unseren Benutzern immer, ihre Installationen zu aktualisieren!).


Einführung

Die „Themenoptionen“ sind in LimeSurvey 3.x verfügbar und bieten eine Reihe verschiedener Tools, mit denen Umfrageadministratoren schnell und einfach die themenbezogenen Einstellungen ihrer Umfragen ändern können.

Optionen zum Ändern eines Themas

Es gibt zwei Möglichkeiten, ein Thema in LimeSurvey 3.x zu verwenden, entweder über die globale Einstellung oder über das Themenoptionsfeld innerhalb einer Umfrage.

Wenn Sie das Thema in der „globalen Einstellung“ ändern, wird das ausgewählte Thema zum Standardthema für alle von Ihnen erstellten Umfragen. Wenn das Thema für eine bestimmte Umfrage mithilfe des darin enthaltenen „Themenoptionsfelds“ geändert wird Das Thema wird geändert, nur das Thema für diese bestimmte Umfrage wird geändert.

Globale Einstellung des Standardthemas

Datei:Standarddesigneinstellung.png

Bereich „Themenoptionen“

Diese Option ändert das Thema für eine bestimmte Umfrage. Um auf die neue Funktion „Themenoptionen“ zuzugreifen, gehen Sie zu Umfrageeinstellungen:

Datei:Umfragemenü – Themenoptionen.png

Verfügbare Themenliste

Auf die Liste der verfügbaren Themen kann über das Administrations-Dashboard zugegriffen werden. Konfiguration > Erweitert > Themen

800px


Die Liste ist in 5 Spalten unterteilt:

  • Vorschau des Themas: Dies zeigt, wie das Thema bei Verwendung aussehen wird.
  • Thementitel: Gibt den Namen an des Themes.
  • 'Beschreibung der Themes: Benutzer können jederzeit weitere Informationen über das Theme erhalten, indem sie die URL in der Beschreibung verwenden.
  • 'Type des Themes: Core Themen sind mit LimeSurvey bereitgestellte Themen und können nicht geändert werden, während Benutzerthemen erweiterte Themen sind, die von Benutzern im Upload-Verzeichnis hinzugefügt wurden.
  • Erweitert: Wenn das Thema andere Themen erweitert, wird der Name des erweiterten Themas verwendet wird hier angezeigt.
  • 'Letzte Spalte mit einigen Aktionsschaltflächen: Die letzte Spalte enthält fünf Schaltflächen, wie im Bild gezeigt.

Die Schaltflächen sind Möglichkeiten, mit denen ein Thema bearbeitet werden kann, und jede Schaltfläche wird bearbeitet werden im Folgenden im Detail erläutert,

    • Theme-Editor: Sie werden zum Theme-Editor weitergeleitet
    • Theme-Optionen:Es führt Sie zur globalen Konfiguration der Theme-Optionen
    • „Deinstallieren:“ löscht die Konfigurationseinträge eines Themas in der Datenbank! N!** „Installieren:“ lädt das Manifest eines Themas, um es der Datenbank hinzuzufügen und zur Auswahl verfügbar zu machen auf Umfrageebene
    • Zurücksetzen: Dadurch wird das Thema vollständig zurückgesetzt.


Theme-Editor

Die „Kernthemen“ (Standardthemen) von LimeSurvey können nicht geändert werden. Über die Schaltfläche „Erweitern“ haben Benutzer die Möglichkeit, ein Kernthema zu ändern (erweitern).

In dieser Dokumentation wird davon ausgegangen, dass Sie bereits wissen, wie Sie den Vorlageneditor in der vorherigen Version von LS verwenden.

Das fruchtige Theme wird für diese Demonstration verwendet, wie man ein Theme mit dem Theme-Editor erweitert/ändert.

Wenn Sie auf die Schaltfläche „Themeneditor“ klicken, wird die folgende Seite angezeigt. Über die Schaltflächen „Zurück“ und „Weiter“ kann eine Vorschau des Themas angezeigt werden. Die Bildschirmgröße kann angepasst werden, um zu sehen, wie reaktionsschnell das Theme auf allen Geräten ist. Eine neue Vorlage kann importiert werden oder die aktuelle Vorlage kann als ZIP-Datei exportiert werden.



800px


Über die Schaltfläche „Erweitern“ werden Sie nach einem neuen Namen gefragt, um eine Kopie des Themes zu speichern, das Sie ändern möchten. 
In unserem Fall wird das fruchtige Theme „extends_fruity“ heißen.


800px

Übersicht über die Vererbung von Themes

Wenn ein Theme erweitert wird, kann eine Kopie des ursprünglichen Themes leicht geändert werden. In unserem Fall haben wir eine Kopie des fruchtigen Themes, die als „extends_fruity“ gespeichert wird zur Verwendung in der Liste der verfügbaren Themen verfügbar.

Das Ändern des Themes ist für fortgeschrittene Benutzer mit Grundkenntnissen in HTML, CSS und Twig gedacht.

Entwicklung

Datei:theme_overview.jpg