7 Leitfaden zum Einpflegen der Inhalte

Dieses Kapitel beschreibt die Erstellung der verschiedenen Inhaltselemente und Fragenformate des H5P-Plugins. Eine allgemeine Anleitung für das Arbeiten mit WordPress wird hier nicht beschrieben. Im Universitätskolleg wurde dazu eine umfangreiche und anschauliche Dokumentation zur Einrichtung und Verwaltung einer WordPress-Instanz an der Universität Hamburg herausgegeben. In dieser finden Sie eine einfache, detaillierte Anleitung für die ersten Schritte: https://www.universitaetskolleg.uni-hamburg.de/media/prozdok/prozdok-band6-web.pdf

Inhalte mit dem Page Builder gestalten

Das Seiten-Layout des Starterkits ist mit dem Page Builder "Elementor" (https://de.wordpress.org/plugins/elementor/) umgesetzt. Dieses bietet mehr Gestaltungsmöglichkeiten als das theme-abhängige WordPress-Design und hat den Vorteil, dass die Arbeit bedienerfreundlich in der Frontend-Optik stattfindet und nicht rein im Backend-Editor.

Elementor bietet eine große Anzahl von Gestaltungselementen, die intuitiv zu bedienen sind. Auf den im Starterkit bereits angelegten Seiten sind viele dieser Elemente in Verwendung, die je nach Bedarf verändert und auch kopiert werden können. Das Layout lässt sich durch die Nutzung von den sogenannten "Abschnitten" strukturieren, welche auf den Seiten per Drag and Drop nach Bedarf und Wunsch verschoben werden können. Aus dem linksseitigen Menü werden die gewünschten Elemente in die Abschnitte gezogen oder per +-Symbol hinzugefügt.

Die grundsätzlichen Werkzeuge sind in der Grafik dargestellt. Diese erscheinen, wenn die Maus über den jeweiligen Abschnitt bewegt und gelten für den eingerahmten Bereich.

Interaktive Anwendungen mit H5P erstellen:

Für die Erstellung der interaktiven Anwendungen ist das Plugin H5P notwendig. Dies ist in allen WordPress-Starterkit-Versionen bereits vorinstalliert. Die in H5P angelegten Inhaltselemente lassen sich an jeder Stelle der Internetseite per Shortcode einbinden. Es können auch bereits bestehende Inhalte bspw. von H5P.org importiert und weiterbearbeitet werden.

Ein neues interaktives Inhaltselement anlegen:

  1. Im Administrationsbereich Ihrer WordPress-Instanz wechseln Sie in die Plugin-Oberfläche von H5P. Klicken Sie dazu in der linken Spalte auf den Menüpunkt "H5P-Inhalt".

  2. Klicken Sie anschließend auf den Button "Neue hinzufügen" um die Konfigurationsseite des neuen Elements zu öffnen.

  1. Geben Sie nun zunächst einen aussagekräftigen Titel ein.

  1. Sobald Sie auf "Inhaltstyp auswählen" geklickt haben, wählen Sie aus den verfügbaren Elementen ein geeignetes Format aus. Je nach gewähltem Inhaltstyp stehen Ihnen anschließend unterschiedliche Einstellungsmöglichkeiten zur Verfügung. Beachten Sie auch die Tutorials zu den verschiedenen Einstellungsmöglichkeiten.

  1. Wenn Sie mit der Konfiguration des Inhaltselements fertig sind, klicken Sie auf den Button "Erstellen" oben auf der rechten Seite, um die Bearbeitung abzuschließen. Im Kästchen auf der rechten Seite wird direkt der Shortcode zum Einbinden dieses Elementes angezeigt.

Ein Inhaltselement importieren:

Voraussetzung für den Import ist, dass Sie ein geeignetes Inhaltselement als .h5p Export-Datei vorliegen haben. Derartige Archive lassen sich direkt bei h5p.org beziehen oder aus bestehenden Anwendungen im Frontend herunterladen (sofern die öffentliche Export-Funktion aktiviert wurde gibt es hier einen Download-Button direkt in dem jeweiligen Inhaltselement).

  1. Im Administrationsbereich Ihrer WordPress-Instanz wechseln Sie in die Plugin-Oberfläche von H5P. Klicken Sie dazu in der linken Spalte auf den Menüpunkt "H5P-Inhalt".

  2. Klicken Sie anschließend auf den Button "Neu hinzufügen" um die Konfigurationsseite des neuen Elements zu öffnen.

  1. Geben Sie nun zunächst einen aussagekräftigen Titel ein.

  1. Sobald Sie auf "Inhaltstyp auswählen" geklickt haben können Sie in den Bereich "Hochladen" wechseln.

  2. Wählen Sie die lokal gespeicherte .h5p-Datei und übertragen Sie diese zu WordPress indem Sie auf "Use" klicken.

  1. Je nach gewähltem Inhaltstyp stehen Ihnen anschließend unterschiedliche Einstellungsmöglichkeiten zur Verfügung. Beachten Sie auch die Tutorials zu den verschiedenen Einstellungsmöglichkeiten.

  2. Wenn Sie mit der Konfiguration des Inhaltselements fertig sind, klicken Sie auf den Button "Erstellen" oben auf der rechten Seite, um die Bearbeitung abzuschließen.

Ein zuvor erstelltes Inhaltselement in einer WordPress-Seite einbinden:

  1. Im Administrationsbereich Ihrer WordPress-Instanz wechseln Sie in die Plugin-Oberfläche von H5P. Klicken Sie dazu in der linken Spalte auf den Menüpunkt "H5P-Inhalt".

  2. Klicken Sie auf eines der erstellen Inhaltselemente.

  1. Kopieren Sie aus der Box mit dem Titel "Shortcode" oben rechts auf der Seite den Kurzbefehl und fügen Sie diesen an der gewünschten Stelle, üblicherweise auf einer dafür eingerichteten Seite, ein. Im Frontend wird dann anstelle des Kurzbefehls das referenzierte Inhaltselement angezeigt.

Last updated