Computer WordPress Plugin: Google Drive Embedder

Gehört zu: WordPress Plugins
Siehe auch: Google Drive, SVG-Zeichnungen, Google Apps Login

Ich suche nach einem Weg, wie ich Medien-Dateien (z.B. MP3, SVG, MP4, JPG,…) in meine WordPress-Artikel gut einbinden kann. Also wirklich “einbinden”, nicht “importieren”. Die Dateien werde ich dann irgendwo “hosten”, unabhängig vom WordPress-Provider.

Mit dem WordPress-Plugin “SVG Support” kann ich zwar SVG-Zeichnungen schön in meine WordPress-Artikel einbinden, die Speicherung erfolgt aber in der WordPress-Media-Library – also beim WordPress-Provider. Ich möchte die Speicherung aber unabhängig vom WordPress-Provider vornehmen. So wie ich das schon mit einen Pixel-Bildern mache, die bei Flickr gespeichert sind.

Im ersten Schritt werde ich also meine SVG-Grafiken auf Google Drive speichern. Dabei ist wichtig, welchen meiner Google-Accounts ich dafür verwende.

Im zweiten Schritt möchte ich die auf Google Drive gespeicherte SVG-Zeichnung in einen WordPress-Artikel einbinden. Da zu habe ich das WordPress-Plugin “Google Drive Embedder” installiert. Danach erscheint beim Editieren eines jeden WordPress Artikels in der oberen Leiste eine Schaltfläche “Add Google File” (in der Reihe: Add media, Add slider, Youtube, Add Google File, Flicks, Add Contact Form):

Abbildung 1: WordPress – Add Google File (Flickr: xyz)

WordPress-Plugin

Wenn ich auf diese Schaltfläche klicke, öffnet sich ein Dialog, der mich auffordert, mich mit einem Google-Account anzumelden (identifizieren).
Hierzu ist erforderlich, das ebenfalls das WordPress-Plugin “Google Apps Login” installiert ist.
Falls das Plugin “Google Apps Login” nicht intsalliert ist, erscheint als Fehlermeldung “Please install and configure Google Apps Login plugin first”, wenn es installiert ist, geht es wie folgt weiter:

Abbildung 2: WordPress-Plugin Google Apps Login (Flicke: xyz)

WordPress-Plugin: Google Drive Embedder

Wir klicken auf diesen Link und melden uns bei Google Drive an, mit dem gleichen Google-Account, wie beim Hochladen der SVG-Datei auf Google Drive. Dann werden uns zur Auswahl die “recent files” (was das genau ist, weiß keiner) auf unserem Google Drive angezeigt:

Abbildung 3: WordPress Add Google File (Flickr: xyz)

Wordpress Google Drive Embedder

Bei der kostenlosen Version des Plugins “Google Drive Embedder” kann ich nicht durch meine Ordner bei Google Drive navigieren, sondern kann lediglich aus “recent files” auswählen oder die Suchfunktion benutzen.

Beispiel

Das WordPress-Plugin “Google Apps Login” habe ich unter “WordPress Settings” auf eines meiner Google-Konten eingestellt.

MIt den Google-Konto habe ich mich angemeldet, zwei Ordner neu angelegt: “Music” und “Pictures”.

Dann habe ich in den Ordner “Music”  drei MP3-Dateien und in den Ordner “Pictures” einige JPG-Dateien hochgeladen.

Schießlich habe ich die hochgeladenen Dateien auf “Shared” gesetzt und zwar mit “jeder der den Link hat”.

Beispiel 1: Eine JPG-Datei “netzwerk07.jpg”

[google-drive-embed url=”https://drive.google.com/uc?id=1dtYWRot2-d0q8D30hHNiZZtvKPJmMN-i&export=download” title=”Netzwerk07.jpg” icon=”https://drive-thirdparty.googleusercontent.com/16/type/image/jpeg” width=”857″ height=”537″ extra=”image” style=”embed”]

 

Beispiel 2: Eine MP3-Datei “derloewe.mp3″

[google-drive-embed url=”https://drive.google.com/file/d/1gdiwsDZDpKswK6Elyq3wUramR9EmG2q2/preview?usp=drivesdk” title=”derloewe.mp3″ icon=”https://drive-thirdparty.googleusercontent.com/16/type/audio/mpeg” width=”80%” height=”70″ style=”embed”]