🇩🇪 DE ▾

Login

Zitate

Kategorien

ABCDEFGHI
JKLMNOPQR
STUVWXYZ*

Autoren

ABCDEFGHI
JKLMNOPQR
STUVWXYZ*

Hilfe

Einbinden

Projekt

Impressum

Zitate einbinden

Möchtest du Zitate auf Deiner Website anzeigen? Hier erfährst du, wie das mit WordPress, Joomla, mit der API und per iFrame machen kannst.

Content Managament Systeme (CMS)

Joomla! logo Es gibt ein Joomla-Modul zur Einbindung der Zitate in das CMS Joomla. Dafür gibt es hier: Hilfe.

WordPress logo Es gibt ein WordPress-Plugin zur Einbindung der Zitate in das CMS WordPress. Dafür gibt es hier: Hilfe.

API

Es steht ein Application Programming Interface (API) zur Verfügung unter: https://api.zitat-service.de. Zum Beispiel liefert der Link https://api.zitat-service.de/v1/quote_html?language=de ein zufälliges Zitat in deutscher Sprache. Mit dem API Explorer kannst du die verfügbaren Parameter sehen, IDs auflisten und Tests durchführen.

iFrame

Du kannst die Zitate mittels eines iFrame auf deiner Seite anzeigen. Das Design lässt sich dabei mit Cascading Style Sheets (CSS) anpassen. Hier siehst du ein Beispiel:

Der iFrame-Code für diese Einbindung ist:

<iframe src="https://api.zitat-service.de/v1/quote_html?language=de&target=quotes&style=https://www.zitat-service.de/quote.css" frameborder="1" scrolling="auto" width="700"></iframe>

Für einen ersten Test kannst du diesen Code direkt übernehmen.

CSS

Wenn Du das iFrame in Deiner Website eingebunden hast, kannst Du das Design individuell gestalten. Dazu kannst Du als Vorlage die Datei quote.css benutzen und für Dich anpassen. Dein eigenes CSS bindest Du dann mit dem Parameter style ein. Das DIV-Element der Klasse quote umschließt das gesamte Zitat, hier kannst Du z.B. einen Rahmen setzen. Enthalten sind zwei DIV-Elemente der Klassen quotation für das Zitat und source für den Autor und die Quelle.

Parameter

Die Auswahl der Zitate kannst du mit verschiedenen Parameterm anpassen. Dabei werden immer die IDs als eindeutige Nummern genutzt. Als Beispiel ein Zufallszitat auf Deutsch (language=de) von Albert Einstein (authorId=20):
https://api.zitat-service.de/v1/quote_html?authorId=20&language=de

Die Parameter für den Autor (authorId), die Kategorie (categoryId), den Benutzer (userId) und die Sprache (language) können kombiniert werden.

Der Parameter target ist entscheidend für die Integration in eine Webseite, beispielsweise mittels eines iFrames. Aus Sicherheitsgründen ist das Öffnen einer neuen Webseite innerhalb der Originalseite nicht gestattet. Der target-Parameter ermöglicht nun das Öffnen der Links in einem neuen Tab oder Fenster.

Praxis-Beispiele

Als Anregung einige Websites, die den Zitat-Service eingebunden haben (Stand 3. Februar 2024):