> For the complete documentation index, see [llms.txt](https://wiki.lucysecurity.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wiki.lucysecurity.com/lucy-wiki-de/anleitungen/awareness-schulung/anpassung-von-awareness-vorlagen.md). # Anpassung von Awareness-Vorlagen ## Bearbeiten einer Awareness-Vorlage Sie können Awareness-Vorlagen auf zwei Arten anpassen: 1. **Eine vorhandene Vorlage kopieren** und an Ihre Bedürfnisse anpassen. 2. **Eine neue Vorlage erstellen** und von Grund auf neu erstellen. Das Kopieren einer vorhandenen Vorlage ist die schnellste Option, wenn Sie nur Inhalt oder Struktur anpassen müssen. Das Erstellen einer neuen Vorlage gibt Ihnen volle Kontrolle über Layout und Gestaltung. {% hint style="info" %} **Tipp:** Viele Awareness-Vorlagen enthalten benutzerdefiniertes JavaScript und CSS, das für die Erfassung von Statistiken und die Sicherstellung der korrekten Funktionalität verwendet wird. Um zu vermeiden, dass diese Funktionen beeinträchtigt werden, wird empfohlen, **eine vorhandene Vorlage zu kopieren und anzupassen** anstatt eine von Grund auf neu zu erstellen. {% endhint %} Wählen Sie unten eine der Optionen aus, um zu beginnen. *** ## Eine vorhandene Vorlage kopieren Sie können eine vorhandene Vorlage duplizieren und die Kopie ändern, ohne das Original zu beeinflussen. #### Schritte 1. Suchen Sie im **Vorlagenkatalog**. 2. nach der Vorlage, die Sie kopieren möchten. 3. Wählen Sie die Vorlage aus den Ergebnissen aus. **Aktionen** Öffnen Sie das 4. Klicken Sie auf **Kopieren**. {% hint style="info" icon="check" %} Die zum Erstellen der Kopie erforderliche Zeit hängt von der Größe der Vorlage ab und kann einige Minuten dauern. Video- und SCORM-Vorlagen benötigen in der Regel am längsten. Wenn der Vorgang abgeschlossen ist, erscheint ein grünes Banner mit der Meldung **„Erfolgreich abgeschlossen.“** {% endhint %} #### Die kopierte Vorlage erkennen Nachdem die Kopie erstellt wurde, werden bei der Suche nach der Vorlage beide Versionen angezeigt: * Die **ursprüngliche Vorlage** * Die **kopierte Vorlage**, gekennzeichnet mit **„(Kopie)“** dem Titel hinzugefügt #### Die kopierte Vorlage bearbeiten Um die kopierte Version zu ändern: 1. Wählen Sie die kopierte Vorlage aus. 2. Klicken Sie auf **Vorlage bearbeiten**. Dadurch wird der Vorlagen-Editor geöffnet, in dem Sie den Inhalt, das Layout oder die Einstellungen nach Bedarf aktualisieren können. *** ## Eine neue Vorlage erstellen Um eine Vorlage von Grund auf neu zu erstellen: 1. Klicken Sie auf **Vorlage erstellen**. 2. Füllen Sie auf der nächsten Seite die Metadatenfelder der Vorlage aus.
#### Allgemeine Informationen {% hint style="info" %} Diese Felder definieren die Kerneigenschaften der Vorlage. {% endhint %} **Symbol**\ Laden Sie eine Bilddatei hoch, die als Vorlagensymbol verwendet werden soll. Dieses Symbol wird in der **Vorlagenkatalog**. **Name**\ Geben Sie einen Namen für die Vorlage ein. **Typ**\ Wählen Sie den Vorlagentyp aus dem Dropdown-Menü aus. **Mandant**\ Weisen Sie die Vorlage einem bestimmten Kunden zu oder machen Sie sie für alle Kunden verfügbar, indem Sie **Alle**. **SCORM-Version**\ Wenn die Vorlage SCORM verwendet, wählen Sie die entsprechende SCORM-Version aus. **Plattform**\ Wählen Sie aus, ob die Vorlage für **Desktop**, **Mobil**, oder **beides**. **Beschreibung**\ Geben Sie eine kurze Beschreibung der Vorlage an. *** #### Quiz-Einstellungen Diese Einstellungen gelten, wenn die Vorlage ein Quiz enthält. **Quiz**\ Aktivieren Sie diese Option, wenn die Vorlage ein Quiz enthalten soll. **Erweiterte Tracking-Methode**\ Wenn das **Quiz** aktiviert ist, können Sie optional das erweiterte Quiz-Tracking aktivieren.\nSiehe den [Leitfaden zum erweiterten Quiz-Tracking](/lucy-wiki-de/anleitungen/awareness-schulung/die-erweiterte-methode-zur-verfolgung-des-quizendes-verwenden.md) für weitere Informationen. **Mindestanzahl richtiger Antworten**\ Standardmäßig erhalten Benutzer eine Gutschrift für das Abschließen des Quiz. Sie können eine Mindestanzahl richtiger Antworten festlegen, um eine Bestehensnote zu verlangen. *** #### Vorlagensprache Wählen Sie alle vom Template unterstützten Sprachen aus. Wenn mehrere Sprachen ausgewählt werden, muss für jede Sprache übersetzter Inhalt bereitgestellt werden. Dies kann manuell oder mithilfe der [**KI-Übersetzung**](/lucy-wiki-de/anwendungsreferenz/vorlagen/automatische-ubersetzung.md) Funktion erfolgen. *** #### Vorlagenattribute (optional) {% hint style="info" %} Diese Einstellungen helfen dabei, Vorlagen zu kategorisieren und sie im **Vorlagenkatalog**. {% endhint %} **Schwierigkeitsgrad**\ Wählen Sie **Niedrig**, **Mittel**, oder **Hoch** je nach gewünschtem Schwierigkeitsgrad. **Inhalt**\ Wählen Sie die relevanten Inhaltstypen aus (zum Beispiel, **Besprechungen** oder **Soziale Medien**). **Absender**\ Wählen Sie den mit der Vorlage verknüpften Absendertyp aus (zum Beispiel, **Personalabteilung** oder **Rechtsabteilung**). **Zielgruppe**\ Wählen Sie die beabsichtigte Zielgruppe aus (zum Beispiel, **Endbenutzer** oder **Management**). **Dauer**\ Geben Sie die geschätzte Zeit an, die zum Abschließen der Vorlage erforderlich ist. **Marken**\ Wählen Sie alle Marken aus, die die Vorlage replizieren soll. Diese Option wird normalerweise für **Angriffsvorlagen**. *** ## Anpassen des E-Mail-Inhalts Die **E-Mail-Vorlage** Bereich können Sie die E-Mail konfigurieren, die Benutzer im Rahmen der Awareness-Kampagne erhalten. Jede Sprachversion einer Vorlage hat ihren eigenen E-Mail-Inhalt, daher müssen Sie den Inhalt für jede unterstützte Sprache separat konfigurieren. #### Sprache Verwenden Sie den **Sprache** Verwenden Sie das Dropdown-Menü, um auszuwählen, welche Sprachversion der E-Mail Sie bearbeiten möchten. Der E-Mail-Inhalt wird **nicht automatisch übersetzt oder zwischen Sprachen synchronisiert**. Wenn Ihre Vorlage mehrere Sprachen unterstützt, müssen Sie den Inhalt für jede Sprache einzeln erstellen und pflegen. *** #### E-Mail-Einstellungen **Betreff**\ Geben Sie die Betreffzeile ein, die im Posteingang des Empfängers angezeigt wird. **Absendername**\ Geben Sie den Anzeigenamen an, der als Absender der E-Mail angezeigt wird. **Absender-E-Mail**\ Geben Sie die E-Mail-Adresse ein, die zum Senden der Nachricht verwendet wird. **Editor-Typ**\ Wählen Sie die Bearbeitungsmethode für den E-Mail-Inhalt. Der **Visueller Editor** ermöglicht Ihnen, die E-Mail über eine WYSIWYG-Oberfläche zu gestalten. *** #### E-Mail-Inhaltseditor Verwenden Sie den Editor, um den E-Mail-Text zu erstellen und zu formatieren. Dieser Bereich unterstützt typische Formatierungsoptionen wie Textstile, Links, Bilder und Layoutanpassungen. *** #### KI-Übersetzung Wenn Ihre Vorlage mehrere Sprachen unterstützt, können Sie die **KI-Übersetzung** Option verwenden, um übersetzte Versionen des E-Mail-Inhalts zu generieren. Übersetzungen sollten immer überprüft werden, um die Richtigkeit sicherzustellen. *** #### Anhänge Die **Anhänge** Bereich können Sie Dateien oder eingebettete Bilder mit der E-Mail einfügen. **Eingebettete Bilder**\ Zeigt Bilder an, die derzeit in den E-Mail-Inhalt eingebettet sind. **Anhänge**\ Listet Dateien auf, die an die E-Mail angehängt werden. **Anhang hinzufügen**\ Klicken Sie auf **Datei auswählen** um eine Datei hochzuladen, die der E-Mail als Anhang beigefügt wird. {% hint style="info" %} Nachdem Sie den E-Mail-Inhalt bearbeitet haben, klicken Sie auf **Speichern** um Ihre Änderungen auf die Vorlage anzuwenden. Sobald der E-Mail-Inhalt gespeichert ist, können Sie die **Vorschau** Schaltfläche verwenden, um zu überprüfen, wie die E-Mail den Empfängern angezeigt wird. {% endhint %} *** ## Anpassen der Inhaltsvorlage Die **Inhaltsvorlage** Bereich steuert die Awareness-Webseite, die Benutzer sehen, wenn sie die Schulungs- oder Awareness-Inhalte öffnen. Diese Seite kann Text, Bilder, Videos und interaktive Elemente wie Quiz enthalten. #### Sprache Verwenden Sie den **Sprache** Verwenden Sie das Dropdown-Menü, um auszuwählen, welche Sprachversion der Webseite Sie bearbeiten möchten. Jede Sprache behält ihren **eigenen unabhängigen Inhalt**. Änderungen, die an einer Sprache vorgenommen werden, **werden nicht automatisch auf andere Sprachen angewendet**, und Übersetzungen müssen separat erstellt werden. *** #### Datei Die **Datei** Verwenden Sie das Dropdown-Menü, um auszuwählen, welche Datei aus dem Vorlagenpaket Sie bearbeiten möchten. Die meisten Vorlagen verwenden **`index.html`** als den Haupt-Einstiegspunkt für die Awareness-Inhalte. Wenn die Vorlage mehrere Dateien enthält, können Sie jede Datei über dieses Dropdown-Menü einzeln auswählen und bearbeiten. *** #### Editor-Typ Wählen Sie aus, wie Sie den Inhalt der Webseite bearbeiten möchten. **Visueller Editor**\ Ein WYSIWYG-Editor, mit dem Sie den Inhalt visuell ändern können, ohne direkt HTML-Code zu bearbeiten. **Code Mirror**\ Ein Code-Editor, mit dem Sie das HTML, CSS und JavaScript der Vorlage direkt bearbeiten können. *** #### Inhaltseditor Die **Inhalt** Editor bearbeiten Sie den Inhalt der Webseite selbst. Sie können die Editor-Symbolleiste verwenden, um: * Text formatieren (fett, kursiv, Überschriften usw.) * Links und Bilder einfügen * Dateien oder Medien hochladen * Tabellen und andere Formatierungselemente hinzufügen * Einfügen [Systemvariablen](/lucy-wiki-de/anwendungsreferenz/vorlagen/variablen-in-lucy.md) falls unterstützt *** #### KI-Übersetzung Wenn die Vorlage mehrere Sprachen unterstützt, kann die **KI-Übersetzung** Option dabei helfen, übersetzte Versionen des Webseiteninhalts zu generieren. Übersetzte Inhalte sollten vor der Veröffentlichung immer auf Richtigkeit überprüft werden. *** #### Webseite hochladen Wenn Sie den vorhandenen Webseiteninhalt vollständig ersetzen möchten, können Sie **Webseite hochladen** verwenden, um eine gepackte HTML-Webseite für die Vorlage hochzuladen. Dies wird typischerweise verwendet, wenn extern gestaltete Awareness-Inhalte importiert werden. Der hochgeladene Inhalt muss in einer `.zip` Datei vorliegen und eine `index.html` Datei enthalten. *** #### Nach SCORM exportieren Die **Nach SCORM exportieren** Die Option ermöglicht es Ihnen, die Awareness-Inhalte als ein **SCORM-Paket**zu exportieren, das in externen Learning-Management-Systemen (LMS) verwendet werden kann. *** #### Inhalte in der Vorschau anzeigen Klicken Sie auf **Vorschau** um zu sehen, wie die Webseite für Benutzer aussieht, bevor Sie Ihre Änderungen speichern. Sie müssen den Inhalt zuerst speichern, bevor Sie eine Vorschau anzeigen, damit Ihre Änderungen sichtbar werden. *** ## Erweiterte Awareness-Vorlagen bearbeiten Einige Awareness-Vorlagen enthalten mehrere Seiten, interaktive Elemente und Quiz-Logik. Diese Vorlagen erfordern Änderungen an den zugrunde liegenden HTML-, CSS- oder JavaScript-Dateien statt einfacher visueller Anpassungen. {% hint style="success" %} Wenn Sie Hilfe bei der Anpassung einer Vorlage benötigen, wenden Sie sich an [**Lucy Support**](/lucy-wiki-de/kontaktieren-sie-uns.md). {% endhint %} *** #### Logo aktualisieren Sie können das auf der Startseite angezeigte Logo aktualisieren, indem Sie die **`index.html`** Datei bearbeiten.\nÄnderungen am Logo in dieser Datei gelten für alle Schulungsseiten, die darauf verweisen.
*** #### Farbschema ändern Um das Standardschema zu ändern, bearbeiten Sie die **`style.css`** Datei, die in der Vorlage enthalten ist. Um zu erkennen, welche Elemente bestimmte Teile der Seite steuern: 1. Öffnen Sie die Vorlage in Ihrem Browser. 2. Verwenden Sie die **Entwicklertools** Ihres Browsers, um die Seite zu untersuchen. 3. Suchen Sie die CSS-Klassen oder -Stile, die für die Farben verantwortlich sind, die Sie ändern möchten. 4. Aktualisieren Sie die entsprechenden Stile in **`style.css`**.
*** #### Lektionsinhalte bearbeiten Jede Lektion in der Vorlage entspricht einer separaten HTML-Datei innerhalb des Vorlagenpakets. Um zu erkennen, welche Datei eine bestimmte Lektionsseite steuert: 1. Öffnen Sie **`index.html`** in einem Browser-Tab. 2. Verwenden Sie die **Entwicklertools** des Browsers, um die Navigation oder die Lektionslinks zu untersuchen. 3. Identifizieren Sie die referenzierte HTML-Datei, die der Lektion zugeordnet ist. 4. Öffnen Sie diese Datei und bearbeiten Sie sie, um den Lektionsinhalt zu aktualisieren.
*** #### Quiz-/Prüfungsfragen bearbeiten Die Fragenbank ist in der **`exam.js`** Datei innerhalb der Vorlage gespeichert. Um den Quiz-Inhalt zu ändern: 1. Öffnen Sie **`exam.js`** im Editor. 2. Verwenden Sie die Suchfunktion Ihres Browsers oder Editors, um eine Frage oder ein Stichwort zu finden. 3. Bearbeiten Sie den Fragetext, die Antworten oder den Wert der richtigen Antwort. Jede Frage ist so aufgebaut: ``` { question: "Ihr PC zu Hause verhält sich seltsam, und Sie müssen dringend ein Dokument für die Arbeit fertigstellen. Sie dürfen nicht:", answer: 4, type: "radio", answers: [ "Zurück ins Büro gehen und das Dokument am Arbeits-PC fertigstellen.", "Den Firmen-PC mit nach Hause nehmen, um das Dokument fertigzustellen.", "Das Dokument auf Ihrem privaten Gerät bearbeiten. Wenn Malware vorhanden ist, wird dies deutlich, wenn das Dokument bei der Arbeit geöffnet wird.", "Ihren Vorgesetzten informieren und das Dokument am nächsten Tag so schnell wie möglich fertigstellen." ], remark: "" } ``` **Fragenfelder:** * **question** – Der dem Benutzer angezeigte Fragetext * **answers** – Die verfügbaren Antwortoptionen * **answer** – Die Nummer, die der richtigen Antwort entspricht * **type** – Der Eingabetyp (zum Beispiel Optionsfelder) Durch das Aktualisieren dieser Werte können Sie die im Template enthaltenen Quizfragen und Antworten ändern. ## Benutzerdefinierte Videoinhalte {% hint style="info" %} Videovorlagen verwenden JavaScript, um Statistiken zu verfolgen, z. B. ob ein Benutzer das Ansehen eines Videos abgeschlossen hat. Um sicherzustellen, dass diese Nachverfolgung korrekt funktioniert, wird dringend empfohlen, **eine vorhandene Videovorlage zu kopieren und die Videodatei zu ersetzen**, anstatt eine Videovorlage von Grund auf neu zu erstellen. {% endhint %} In diesem Leitfaden verwenden wir die Videovorlage **Kevin arbeitet von zu Hause aus**. #### Videovorlage kopieren 1. Suchen Sie die **Kevin arbeitet von zu Hause aus** Vorlage. 2. Wählen Sie die Vorlage aus und öffnen Sie dann das **Aktionen** Dropdown-Menü und klicken Sie auf **Kopieren**. 3. Wählen Sie die kopierte Vorlage aus und klicken Sie auf **Vorlage bearbeiten**. #### Videodatei hochladen 1. Im **Inhaltsvorlage** Bereich klicken Sie auf **Datei oder Bild hochladen**.
1. Wählen Sie **Server durchsuchen**. 2. Klicken Sie auf **Hochladen** und laden Sie Ihre Videodatei hoch. 3. Nachdem der Upload abgeschlossen ist, doppelklicken Sie auf die Datei, um sie auszuwählen.
1. Kopieren Sie den **vollständiger Dateipfad** im Upload-Fenster angezeigt. 2. Schließen Sie das Upload-Fenster ohne zu speichern, indem Sie auf **Abbrechen**.
#### Videoquelle aktualisieren 1. Wählen Sie die **Sprache** auswählen möchten. 2. Wechseln Sie im Content-Editor zu **Code Mirror**. 3. Suchen Sie die `