Shortcode Media Plugin

Anleitung Plugins

Lerne, wie du das Shortcode Media Plugin verwendest, um Medieninhalte in deiner Grav-Seite einzubetten.

Die Originaldokumentation des Plugins findest du hier: Shortcode Media Plugin

Funktionen

Das Shortcode Media-Plugin bietet verschiedene medienbezogene Shortcodes zum Einbetten von Inhalten. Folgende Shortcodes sind verfügbar:

  • iframe - Einbetten von iFrames (z.B. YouTube, Google Maps, ...)
  • pdf - Einbetten von PDF Dateien
  • docviewer - Einbetten von Dokumenten (PDF, DOCX, XLSX, ...)
  • slideshare - Einbetten von SlideShare-Präsentationen

Iframe

Mit dem iframe Shortcode können iFrames von verschiedenen Websites eingebettet werden.

Syntax: [iframe url="URL" width="WIDTH" height="HEIGHT" /]

  • url - URL der Website, die eingebettet werden soll
  • width - Breite des iFrames (Standardmässig in Pixel, nutze 100% für die volle Breite)
  • height - Höhe des iFrames (Standardmässig in Pixel)

die Parameter width und height sind optional.

[iframe url="https://grav.demo.crabston.dev" width="100%" height="500" /]

[iframe url="https://grav.demo.crabston.dev" width="100%" height="500" /]

PDF

Mit dem pdf Shortcode können PDF Dateien eingebettet werden.

Syntax: [pdf url="datei.pdf"]

  • url - URL der PDF-Datei, die eingebettet werden soll

[pdf url="beispiel-pdf.pdf"]

[pdf url="beispiel-pdf.pdf"]

DocViewwer

Mit dem docviewer Shortcode können beliebige Dateiformate eingebettet werden, die der Browser zulässt. Andernfalls sollte der Google Viewer verwendet werden.

Syntax: [docviewer url="datei.pdf" google=true]

  • url - URL der Datei, die eingebettet werden soll
  • google - Verwende den Google Viewer, um die Datei anzuzeigen (Standardmässig false)

der Parameter google ist optional.

[docviewer url="beispiel-pdf.pdf" google=true]

[docviewer url="beispiel-pdf.pdf" google=true]

SlideShare

Noch nicht verfügbar, siehe in der Originaldokumentation des Plugins.

Konfiguration

Im Admin Panel gibt es unter Plugins > Shortcode Media folgende Konfigurationsmöglichkeiten:

enabled: true        # Plugin Aktiviert
google_viewer: false # Google Viewer
  • Plugin aktiviert: Aktiviere oder deaktiviere das Plugin
  • Google Viewer: Verwende standardmässig den Google Viewer für den docviewer Shortcode