From a03ab9d4f21e1160d9ed82f7411e13c9ca7dd0b9 Mon Sep 17 00:00:00 2001 From: joerglohrer Date: Fri, 5 Jul 2024 09:10:32 +0000 Subject: [PATCH] =?UTF-8?q?docs/tutorial.md=20hinzugef=C3=BCgt?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/tutorial.md | 80 ++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 80 insertions(+) create mode 100644 docs/tutorial.md diff --git a/docs/tutorial.md b/docs/tutorial.md new file mode 100644 index 0000000..31681d4 --- /dev/null +++ b/docs/tutorial.md @@ -0,0 +1,80 @@ +# Fotos und Bilder in WordPress + +### Plugin [image-rights-htmlgenerator](https://git.rpi-virtuell.de/Comenius-Institut/image-rights-html-generator) - Metadaten ohne HTML-Kenntnisse bearbeiten + +Die Unterbringung der Bildnachweise in der Bildunterschrift bietet viele Vorteile. Mit dem Zugewinn, dass es eine logische Verknüpfung zwischen Text und Bild gibt, wenn man die Bildunterschrift mit Bildquelle in das dazugehörige Eingabefeld in der Mediathek einträgt. Somit braucht man nicht bei jeder Verwendung des Bilds diese Informationen erneut einzutragen und genügt auch allen Nachweispflichten. + +Allerdings lässt sich hier die Formatierung – also auch die meist verpflichtende Verlinkung – nur über komplizierte Umwege und mit HTML-Kenntnissen in den Metadaten des Bilds hinterlegen. + +Um dies zu lösen, soll das [WordPress Plugin "image-rights-html-generator", welches Joachim hier im git entwickelt](https://git.rpi-virtuell.de/Comenius-Institut/image-rights-html-generator), der Mediathek den Button "Nutzungsrechte" hinzufügen. +Dieser ermöglicht, dass der HTML-Text im Beschriftungsfeld mit einem Formularfeld bearbeitet und gespeichert werden kann. +Somit braucht man dann keine HTML-Kenntnisse um die Quellenangaben verlinkbar einzutragen: + +![](https://pad.gwdg.de/uploads/ec217123-c2eb-426b-90fa-c5857ef64f33.png) + + +Vorteile +* out-of-the-box mit WordPress-Bordmitteln möglich +* verlässliche Anzeige der Bildquelle +* weitestgehend bestimm- und gestaltbarer Inhalt +* Formatierte Bildunterschrift kann dem Bild hinterlegt werden +* Sowohl Ursprung, Autorenschaft als auch Lizenz können verlinkt werden + + +## Unsere Praxis für Bilder und Fotos im Comenius-Institut + +Hier sind unsere vereinbarten verbindlichen Absprachen zum gemeinsamen Vorgehen bei Bildern und Fotos im Comenius-Institut: + +1. Nach Möglichkeit sollten Bilder verwendet werden, die eine Lizenz CC-0 oder CC-BY haben. +2. Wenn doch Bilder gekauft werden sollen (z.B. über istock), bitte an JENS wenden. Es braucht die Info, welche Lizenz es sein soll, Einmal-Verwendung oder Mehrfachverwendung. Je nachdem, muss eine unterschiedliche Lizenz gekauft werden und in den Bildinformationen hinterlegt werden. +3. Bilder, die zum ersten Mal im Kontext der Homepage verwendet werden, werden zunächst **[in die Mediathek von comenius.de](https://comenius.de/wp-admin/upload.php)** hochgeladen. +4. Dort werden sie im Feld 'Beschriftung' mit Referenzdaten versehen (auf jeden Fall: Titel - Urheber - Lizenz - Lizenzlink; vgl. unten TULLU - Regel). Dafür am besten entweder das Plugin von Joachim nutzen oder den HTML-Code zum Einbetten der Informationen auf der Ursprungsseite des Bildes kopieren und im Beschriftungsfeld einfügen. +5. Erst dann werden die Bilder in Beiträgen verwendet. + + +Zum Hintergrund: + +## Bildquellen in WordPress als Bildunterschrift anzeigen + +[Beispiel "Rhabarber" unter CC0-Lizenz gesucht auf openverse.org](https://openverse.org/search/image?q=Rhabarber&license=pdm,cc0) + +![image](https://pad.gwdg.de/uploads/57180612-e99f-40d8-8316-4dbd7f7b9254.png) + +### So hinterlegst du Bildquellen in WordPress in der Bildunterschrift + +In Abhängigkeit vom gewählten Theme ist die **Beschriftung** (engl. Caption) derjenige Text, der als Erläuterung zum Bild in der Regel unterhalb des jeweiligen Bilds dargestellt wird. + +Den gewünschten Text kannst du nach dem Einfügen des Bilds in der Mediathek im Feld **Beschriftung** in den Anhang-Details des Bilds eintragen. Dieser wird dann von WordPress automatisch bei jeder Verwendung des Bildes in allen Beiträgen unter dem Bild angezeigt. + +![](https://pad.gwdg.de/uploads/0238fe99-871d-4811-a452-bb7ac0e0171b.png) + + +### So verlinkst du Titel, Urheber, Lizenz, Link und Ursprungsort in WordPress in der Bildunterschrift + +Du findest die Angaben, die du zum Verlinken zur Urheberin oder zum Urheber sowie zur Bildagentur oder zum Lizenztext benötigst, in unmittelbarer Nähe des Bilds auf derjenigen Seite des Portals, von der du es heruntergeladen hast. Manchmal muss man aber auch tief in den Lizenzbestimmungen graben, um die nötigen Informationen zu finden. + +Im Rhabarber-Beispielbild bekommst du [hier von openverse](https://openverse.org/image/3157b96a-93ab-4d84-9cc7-3890b2221aa9) sowohl **T**itel, **U**rheber, **L**izenz, **L**ink und **U**rsprungsort (siehe TULLU-Regel) direkt als HTML-Text geliefert und brauchst diesen dann nur noch mit "copy text" in WordPress in der Mediathek in das Beschriftungsfeld eintragen. + +![](https://pad.gwdg.de/uploads/ef6c5514-97ad-4236-b1fe-209c72ebc4b6.png) + + +## Weiterführende Quellen, Infos, Tipps & Tricks + +### Bilder und Fotos + +* [**Bilddatenbanken für frei lizenzierte Bilder** - Eine Übersicht für #OER von Anja Lorenz](https://hackmd.io/@anjalorenz/images4oer) +* [**Webseites mit freien Bildern** - Eine Liste von Johannes Schirge](https://docs.google.com/document/d/14ahmnEl8IJCpVy-ilPOn__kiMhUAKPXZujHUalgULWQ/edit) +* [**Meta-Suchmaschine von Creative Commons**](https://search.creativecommons.org/) +* Hinweis: [Wie vertragen sich Pixabay, Pexels, Unsplash mit Creative-Commons-Lizenzen und OER?](https://irights.info/artikel/wie-vertragen-sich-fotos-und-inhalte-aus-pixabay-und-aehnlichen-mit-creative-commons-lizenzen-und-oer/30606) + +## Rechtliche Überprüfung + +* [Die TULLU-Regel](https://open-educational-resources.de/oer-tullu-regel/) hilfreich seit 2016 +* [Das OER-Prüfinstrument](https://irights.info/artikel/oer-pruefinstrument/31946) +* [Der OER-Gold-Standard für ein häufig verwendetes Format – Das Foto](https://open-educational-resources.de/goldstandard-foto/) +* [FAQ Kennzeichnung und Veränderung von OER](https://wb-web.de/material/medien/faq-kennzeichnung-und-veranderung-von-oer.html) +* [TINEYE Herausfinden, wo ein Bild herkommt](https://tineye.com/) + +## KI-Inhalte + +"**Es ist** in den Fällen 2 und 3 übrigens **unproblematisch, eine Publikation als Ganzes** (Broschüre, Lehrbuch etc.) **unter einer CC-Lizenz zu veröffentlichen, auch wenn sich darin gemeinfreier KI-Output** (siehe Fall 1) **befindet**. „Reiner“ **KI-Output sollte** aber – wie in den Fällen 1 und 2 – als solcher **kenntlich gemacht und mit der Public Domain Mark gekennzeichnet werden**" [OER und CC-Lizenzen bei generativer KI, 15.11.2023, Fabian Rack für iRights info](https://irights.info/artikel/oer-cc-lizenzen-generative-ki/32090)