Actions

Themes/de: Difference between revisions

From LimeSurvey Manual

(Created page with "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. *'...")
(Created page with "=Entwicklung= Datei:theme_overview.jpg")
 
(8 intermediate revisions by the same user not shown)
Line 44: Line 44:
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,
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:''' it will redirect you to the theme editor
**'''Theme-Editor:''' Sie werden zum Theme-Editor weitergeleitet
**'''Theme options:''' it will lead you the global configuration of theme options
**'''Theme-Optionen:'''Es führt Sie zur globalen Konfiguration der Theme-Optionen
**'''Uninstall:''' it will delete the configuration entries of a theme in the database
**'' „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
**'''Install:''' it will load the manifest of a theme to add it to database and make it available for selection at the survey level
**'''Zurücksetzen:''' Dadurch wird das Thema vollständig zurückgesetzt.
**'''Reset:''' This will completely reset the theme.




==Theme editor==
==Theme-Editor==
The LimeSurvey '''core themes''' (default themes) cannot be modified. The "extend" button give users the opportunity for a core theme to be modified(extended).
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).


<div class="simplebox">[[File:help.png]] This documentation assumes you already know how to use the Template Editor in the previous version of LS. </div>
<div class="simplebox">[[File:help.png]] In dieser Dokumentation wird davon ausgegangen, dass Sie bereits wissen, wie Sie den Vorlageneditor in der vorherigen Version von LS verwenden.</div>


The fruity theme is used for this demonstration on how to extend/modify a theme using the theme editor.
Das fruchtige Theme wird für diese Demonstration verwendet, wie man ein Theme mit dem Theme-Editor erweitert/ändert.


When the theme editor button is clicked, the page below is displayed. The theme can be previewed using the "Previous" and "Next" buttons. The screen size can be adjusted to see how responsive the theme is on all devices.
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.
A new template can be imported or the current template can be exported as a zip file.
Eine neue Vorlage kann importiert werden oder die aktuelle Vorlage kann als ZIP-Datei exportiert werden.








<center>[[File:Theme editor button clicked.png|800px]]</center>
<center>[[Datei:Theme-Editor-Schaltfläche angeklickt.png|800px]]</center>  
<br>
<br>  
  The "Extend" button will ask for a new name to save a copy of the theme you want to modify.  
  Ü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 our case, the fruity theme will be named "extends_fruity".<br>
  In unserem Fall wird das fruchtige Theme „extends_fruity“ heißen.<br>




<center>[[File:extended theme edit.png|800px]]</center>
<center>[[Datei:extended theme edit.png|800px]]</center>


==Theme inheritance overview==
==Übersicht über die Vererbung von Themes==
When a theme is extended, a copy of the original theme can easily be modified.
Wenn ein Theme erweitert wird, kann eine Kopie des ursprünglichen Themes leicht geändert werden.
In our case, we have a copy of the fruity theme saved as "extends_fruity" which will be available for use in the list of themes available.
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.
<div class="simplebox">[[File:help.png]] Modifying the theme is for advance users with basic knowledge of HTML, CSS and Twig.</div>
<div class="simplebox"> [[File:help.png]] Das Ändern des Themes ist für fortgeschrittene Benutzer mit Grundkenntnissen in HTML, CSS und Twig gedacht.</div>


=Development=
=Entwicklung=
[[File:theme_overview.jpg]]
[[Datei:theme_overview.jpg]]

Latest revision as of 09:15, 26 July 2023

'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