HTML-Code eingeben

Innerhalb des Diakonie-Projektes ist es möglich an beliebiger Stelle bei Ordnern und Elementen HTML-Code selbstständig ein- und ausgeben zu können. Der Hauptanwendungsfall hierbei ist z.B. die Einbindung eines Youtube-Videos mittels des von Youtube hierfür bereitgestellten Quellcode-Schnippsels.

Achtung:
Durch das Einfügen von eigenem HTML-Code können Sie die Ansicht wie auch Struktur Ihrer Webseite beeinflussen. Das kann sich je nach HTML-Code auch negativ auswirken. Sollten Sie hierbei unsicher sein, können Sie sich gerne an uns zur Klärung wenden.

Vorbereitung

Bitte stellen Sie vor Verwendung dieser Funktion sicher, dass Sie einen HTML-Code vorliegen haben. Hierbei gibt es unterschiedliche Vorgehensweisen je nach Quelle:

  • Wenn Sie den HTML-Code von einem externen Dienstleister erhalten sollten, wenden Sie sich bitte an diesen.
  • Wenn Sie den HTML-Code von Youtube verwenden möchten, rufen Sie auf Youtube das einzubindende Video auf und klicken Sie auf "Teilen". Danach sehen Sie eine weitere Auswahl in der Sie "Einbetten" anklicken. Darunter sehen Sie nun ein Feld mit dem gesuchten HTML-Code. Kopieren Sie diesen in die Zwischenablage um ihn wie unten beschrieben in Ihr Projekt einzufügen.
    Hinweis: Durch Änderungen an der Youtube-Oberfläche kann sich die hier beschriebene Klick-Reihenfolge und Bezeichnung jederzeit ändern.
    Hinweis: Bei Einfügen eines Youtube-Videos in einen Themenslider muss man im von Youtube bereitgestellten Code die Höhe anpassen. Standard ist dort 315 Pixel, die Themenslider haben jedoch eine Höhe von 300 Pixeln.
  • Wenn Sie den HTML-Code von Vimeo verwenden möchten, rufen Sie auf Vimeo das einzubindende Video auf und klicken Sie auf das Icon mit der Beschriftung "Share". Danach sehen Sie eine Auswahlfenster in dem u.a. auch der HTML-Code angeboten wird. Kopieren Sie diesen in die Zwischenablage um ihn wie unten beschrieben in Ihr Projekt einzufügen.
    Hinweis: Durch Änderungen an der Youtube-Oberfläche kann sich die hier beschriebene Klick-Reihenfolge und Bezeichnung jederzeit ändern.

Funktion zuordnen und verwenden

Gehen Sie dazu wie folgt vor:

  1. Rufen Sie das Element oder den Ordner auf dem Sie den Inhalt hinzufügen möchten.
  2. Klicken Sie auf dem Formular "Einstellungen" auf den Button "Funktionen..".
  3. Wählen Sie im nun öffnenden Fenster unter dem Ordner "Inhaltsbereich" die Funktion HTMLCODE so aus, dass sie auf der rechten Seite des Auswahlfenster zu sehen ist.
  4. Bestätigen Sie die Einstellung mit Klick auf "OK".
  5. In dem bearbeiteten Ordner bzw. Element sehen Sie nun ein neues Eingabeformular namens "HTML-Code (DE)". Wenn Sie weitere Sprachen aktiviert haben, erscheint pro Sprache jeweils ein weiteres derartiges Formular.
  6. Wechseln Sie auf das neue Formular und fügen Sie beim Button "HTML-Code eingeben" den Ihnen vorliegenden HTML-Code (z.B. von Youtube) ein.
    Hinweis: Wie Sie an diesen Quellcode kommen können, ist oberhalb dieses Abschnitts beschrieben.
  7. Bestätigen Sie die Änderungen mit OK und veröffentlichen Sie anschließend wie gewohnt mit dem VIO.Matrix Content-Manager Ihre Daten.