Skip to content
Snippets Groups Projects

Header

Medien Einbinden

Wie kriege ich Bilder, Galerien oder Videos in meinen Blogpost oder meine Projektbeschreibung?

Bilder werden auf der Website auf drei Arten angezeigt:

  • Thumbnails (z.B. für Projekte)
  • Einzelne Bilder
  • Galerien

Bei Videos gibt es

  • Das Einbinden von eigenen Videos
  • Das Einbinden von externen Videos

Leider ist der Umgang mit jedem davon ziemlich unterschiedlich.

Bilder

Thumbnails

Es gibt einen Ordner /images/thumbnails dort befinden sich bereist Bilder und dort können mehr hinein gelegt werden um z.B. ein Projekt damit mit einem Thumbnail zu versorgen.

(Im Projekt muss man dann nur den Namen des Bildes, ohne Pfad angeben)

Einzelbilder

Damit ein Bild dargestellt werden kann muss es ersteinmal im Internet sein. Wo ist letztendlich egal aber von zentraler Bedeutung ist, dass es längerfristig online bleiben kann. Wir nutzen dafür (recht beliebig) meist den Ordner assets oder images. Das sollte nicht egal sein, aber inzwischen ist es offensichtlich egal.

Man kann lange diskusionen darüber haben, ob Bilder mit ins git gehören. Aber fuck that shit. It's easy, it's done.

Danach gibt es eigentlich schalue include logiken, die z.B. Lizenten und Urheber*innen anzeigen sollen. Meist wird aber einfach Markdown genutzt.

(TODO: Das mal irgendwie besser machen und dann dokumentieren. -> Gitlab Issue #55 (closed))

Galerien

Uff. Ja, die sind ein Clusterfuck. Daher nutzen wir sie eher selten. (-> Gitlab Issue #3).

Achtung: Galerien sind nichts statisch. Eine Galerie zeigt immer alle Bilder mit einem Bestimmten Tag an. Fügt jemand später ein neues Bild mit dem tag hinzu, wird es automatisch hinzugefügt.

Galerien werden auch über ein eingebundenes Codeschnipsel gemacht, das sieht so aus

{% include {{site.gallery}} topic="tanztatur" %}

Damit ein Bild überhaupt in Frage kommt, muss eine Datei in den Ordner _imagemeta angelegt werden. Diese Datei enthält folgende Infos:

---
title: Wissenschaftliches Schreiben
picurl: "http://chaotikum.org/_media/projekte:metanook:metanook2017_08.jpg"
description: Wissenschaftliches Schreiben
author: "Neofotografie"
license: "<a href='https://creativecommons.org/licenses/by-nc/4.0/de/'>CC BY NC</a>"
tags:
 - metanook
 - chaotikum
 - einWeiteresTag
---

Dies Infos bestehen nur aus Frontmatter, daher sind die drei Striche oben und unten wichtig

Es können beliebig viele Tags angegeben werden, das Bild erscheint in allen Galerien, die dieses Tag haben.

Videos

Verlinken von (unseren) Videos soll tatsächlich bitte immer über unsere Boardmittel passieren. Das geht so

{% include {{site.video}} uid="98b5e029-7b64-49d2-9279-d322e00ef5df" -%}

Das verlinkt unser Medien und erlaubt es Nutzer*innen auszuwählen, welchen Dienst sie zur Betrachtung wählen. Mehr über unsere Gedanken dazu im Kapitel Videos/Media/Conferences.

Videos von Anderen

Bei Median auf anderen Diensten bitte auf Einbinden verzichten. Einbinden ist aus Datenschutzgründen nicht optimal. Setzt doch einfach ein Link!