Mehrere Links in Bildquellen in WordPress

Du hast das perfekte Foto gefunden. Aber es stammt nicht aus einer einzigen Quelle – es hat mehrere „Urheber“ oder beteiligte Parteien.

Vielleicht ist es ein Stockfoto von einer Plattform, aber der ursprüngliche Fotograf muss genannt werden. Oder es handelt sich um eine Bearbeitung, an der mehrere Personen beteiligt waren. Oder die Lizenzbestimmungen erfordern, dass du auf mehrere Seiten verlinkst.

Das Ergebnis: Du brauchst mehrere Links in einer einzigen Bildunterschrift.

Wie packst du alle rein, ohne dass es unlesbar wird?

Hierzu lässt dich Image Source Control eine Bildunterschrift in mehrere verlinkte Abschnitte aufteilen, wobei jeder Abschnitt auf eine andere Quelle verweist. Sauber und organisiert.

Ein klassisches Beispiel dafür sind Bilderquellenangaben von Wikimedia Commons, die oft eine Verlinkung zum Fotografen, zur Original-Dateienseite und zur Lizenz erfordern. Aber die Funktion ist in vielen Szenarien nützlich.

Die vier Trennzeichen

Image Source Control unterstützt vier Möglichkeiten, um Bildquellen und ihre entsprechenden URLs aufzuteilen.

Komma (,)

Die einfachste Option. Kein zusätzlicher Platz vor oder nach dem Komma erforderlich.

Quellentext:

Foto von Agentur Schmidt, Bereitgestellt von Portfolio Meyer, Veröffentlicht auf Pixabay

Quellen-URLs:

https://agentur-schmidt.de, https://meyer-portfolio.de, https://pixabay.comCode-Sprache: JavaScript (javascript)

Frontend-Ergebnis:

Foto von Agentur Schmidt, Bereitgestellt von Portfolio Meyer, Veröffentlicht auf Pixabay

Am besten für: Traditionelle Listen, mehrere Beitragende.

Pipe (|)

Ein moderner, visuell deutliches Trennzeichen. Leerzeichen dahinter erforderlich.

Quellentext:

Fotograf | Inhaltsproduzent | Plattform

Quellen-URLs:

https://beispiel.de/foto | https://beispiel.de/creator | https://plattform.deCode-Sprache: JavaScript (javascript)

Frontend-Ergebnis:

Fotograf | Inhaltsproduzent | Plattform

Am besten für: Saubere, moderne Designs. Weniger überladen als Kommas.

Hinweis: Ohne Leerzeichen hinter dem Pipe-Zeichen wird der String nicht unterbrochen.

Doppelpunkt (:)

Für hierarchische oder kategorische Zuordnung. Leerzeichen dahinter erforderlich.

Quellentext:

Getty Images : News-Sparte : Fotograf-Archiv

Quellen-URLs:

https://gettyimages.de : https://gettyimages.de/news : https://gettyimages.de/fotografenCode-Sprache: JavaScript (javascript)

Frontend-Ergebnis:

Getty Images : News-Sparte : Fotograf-Archiv

Am besten für: Mehrstufige Organisationen, Über-Unterordnungs-Beziehungen.

Hinweis: Der Doppelpunkt in https:// wird niemals als Trennzeichen behandelt, daher bleiben deine URLs intakt.

Schrägstrich (/)

Ein Breadcrumb-ähnlicher Pfad. Leerzeichen dahinter erforderlich.

Quellentext:

Originalfotograf / Bildbearbeiter / Archiv

Quellen-URLs:

https://beispiel.de/original / https://beispiel.de/editor / https://beispiel.de/archivCode-Sprache: JavaScript (javascript)

Frontend-Ergebnis:

Originalfotograf / Bildbearbeiter / Archiv

Am besten für: Workflow-Pfade, sequenzielle Zuordnungsketten.

Hinweis: URL-Pfade wie /pfad/zur/ressource werden nie geteilt – nur sichtbare Trennzeichen mit Leerzeichen zählen.

Trennzeichen kombinieren

Du kannst verschiedene Trennzeichen in derselben Bildunterschrift kombinieren, um maximale Flexibilität zu erreichen:

Quellentext:

Fotograf : Studio, Nutzungsbedingungen

Quellen-URLs:

https://fotograf.de : https://studio.de, https://creativecommons.org/licenses/Code-Sprache: JavaScript (javascript)

Frontend-Ergebnis:

Fotograf : Studio, Nutzungsbedingungen

Alle Trennzeichen und ihr ursprüngliches Spacing bleiben genau so erhalten, wie du sie eingibst.

Wenn eine URL fehlt

Was ist, wenn du jemanden nennen möchtest, aber keinen Link für diese Person hast?

Quellentext:

Foto von Anna, Bearbeitet von Bernd, Veröffentlicht auf Wikimedia

Quellen-URLs:

https://anna-fotografie.de, , https://wikimedia.orgCode-Sprache: JavaScript (javascript)

Frontend-Ergebnis:

Foto von Anna, Bearbeitet von Bernd, Veröffentlicht auf Wikimedia

Lasse die URL-Position einfach leer, und dieser Abschnitt wird als reiner Text angezeigt. Perfekt auch für zusätzliche Informationen oder Angaben, die keinen Link erfordern.

Schnellreferenz

Trennzeichen	Syntax	Leerzeichen erforderlich	Am besten für
Komma	A, B, C	Nein	Traditionelle Listen
Pipe	A | B | C	Ja, dahinter	Modernes, sauberes Design
Doppelpunkt	A : B : C	Ja, dahinter	Hierarchie, Ketten
Schrägstrich	A / B / C	Ja, dahinter	Breadcrumbs, Sequenzen

Profi-Tipp: Leerzeichen bleiben erhalten

Führende und nachfolgende Leerzeichen um deinen Text werden in der Ausgabe beibehalten:

Quellentext:

Foto von Anna  ,  Bearbeitet von Bernd

Frontend-Ergebnis:

Foto von Anna , Bearbeitet von Bernd

Das gibt dir feingranulare Kontrolle darüber, wie dicht oder locker deine Bildunterschrift-Elemente beisammen sitzen.

Für Lizenzen das Lizenzen-Feature nutzen

Falls du hauptsächlich auf eine Creative Commons-Lizenz oder Nutzungsbedingungen verlinkst, hat Image Source Control bereits eine dedizierte Bildlizenz-Funktion. Damit kannst du jedem Bild über ein eigenes Feld eine Lizenz zuweisen:

• Konfiguriere deine Lizenzen unter Einstellungen > Bildquellen(?) > Bildlizenz
• Gib für jedes Bild die passende Lizenz an
• Der richtige Link wird jetzt automatisch an die Bildquellenangabe angehängt

Verwendung in Image Source Control

Egal, ob du im Block-Editor oder in der Mediathek bearbeitest – gib einfach deine mehrteilige Quelle und die URLs in die entsprechenden Felder ein. ISC erkennt die Trennzeichen automatisch und erstellt die verlinkten Abschnitte in der Bildunterschrift für dich.

Du nutzt Image Source Control noch nicht?

Falls du deine Bildquellenangaben manuell verwaltest – oder schlimmer noch mehrere Beitragende im Kopf behältst –, riskierst du Inkonsistenzen und rechtliche Probleme.

Image Source Control übernimmt die ganze Arbeit: zentrale Verwaltung der Bildquellen, Stapelverarbeitung, automatische Overlays, mehrere Links pro Bild und Löschen ungenutzter Bilder auf deiner gesamten Website.

Fazit

Das war’s – mit Image Source Control lassen sich mehrere Links in Bildunterschriften völlig unkompliziert verwalten. Die vier Trennzeichen geben dir volle Kontrolle über Format und Struktur, ohne dass deine Bildunterschriften zu unordentlich werden.

(?) Navigation links lead back to the site you came from. No data is stored.