Instapress – Das Instagram-Plugin für WordPress
Das Plugin
Auf der Suche nach einem WordPress-Plugin, das es erlaubt Fotos aus der – mittlerweile allseits bekannten – iPhone App “Instagram” anzuzeigen, musste ich leider enttäuscht werden. Keines der gefundenen Plugins konnte unseren Anforderungen gerecht werden, daher beschloss ich kurzer Hand selbst ein Plugin dafür zu entwickeln. Dieses Plugin unterstützt zur Zeit folgende Möglichkeiten:
- Darstellung des “Popular Media” Feeds von Instagram
- Darstellung des Instagram Feeds eines Freundes
- Darstellung des eigenen Feeds
Bei der Plugin-Entwicklung haben wir speziell darauf geachtet, das Plugin anpassungsfähig zu gestalten. Die Widget-Einstellungen in der aktuellen Version erlauben eine Konfiguration der folgenden Werte:
- Anzahl der anzuzeigenden Bilder
- Größe der anzuzeigenden Bilder
- Inkludierung des Fancybox-Effekts
- Individueller HTML-Container
Installation
WICHTIG: Das Plugin setzt eine Installation der cURL-Erweiterung am Server, sowie einen vorhandenen Instagram-Account voraus.
Sind diese Voraussetzung erfüllt müssen folgende Schritte getätigt werden um das Plugin in Betrieb zu nehmen:
- Das Plugin >>hier downloaden<<
- Den entpackten Inhalt in das Verzeichnis wp-content/plugins der WordPress-Installation kopieren
- Im Backend (wp-admin) im Menüpunkt Plugins Instapress aktivieren
- Im Backend im Menüpunkt Einstellungen > Instapress die notwendigen Einstellungen vornehmen
Einbettung
Das Plugin bietet zwei verschiedene Möglichkeiten zur Einbettung: die Einbettung als WordPress-Widget oder die Einbettung innerhalb von Artikel und Seiten über einen Shortcode. Beide Varianten setzen eine vollständige Konfiguration unter Einstellungen > Instapress voraus!
Widget
Die Einbettung von Instapress als WordPress-Widget erfolgt wie üblich im Backend über den Menüpunkt Einstellungen > Widget. Dort kann das Widget im gewünschten Widget-Bereich hinzugefügt und anschließend konfiguriert werden.
Shortcode
Eine weitere Möglichkeit um Instapress in Seiten oder Artikel zu integrieren ist die Shortcode-Variante. Durch Hinzufügen folgender Zeile in einer Seite oder einem Artikel kann das Plugin implementiert werden:
[instapress]
Zusätzlich kann die Shortcode-Variante noch über die Parameter userid, size und piccount konfiguriert werden. Zum Beispiel zur Darstellung von 15 Bildern in der Größe 85×85 px:
[instapress size="85" piccount="15"]
Demo
Eine Demo des Plugins haben wir hier installiert.
Beitrag teilen:
Er ist bei Liechtenecker verantwortlich für: Geschäftsführung
Er mag...
alles mit Design, scharfes Essen, elektronische Musik, seine Playstation und das Meer.
Johannes 31.März 2011, 15:19 Uhr
Nice work! +1
Lisa 31.März 2011, 15:36 Uhr
Is ja witzig, gerade hab ich euch ein Mail geschrieben über meine Probleme mit Selberbasteln :) Aber ihr macht das ja höchstprofessionell :)
Björn 31.März 2011, 18:14 Uhr
Hallo,
super Plugin! Darauf habe ich gewartet, Das Widget funktioniert auch einwandfrei. Allerdings wird bei der Shortcut-Variante nicht mein Feed angezeigt obwohl ich es mit meinem Benutzernamen und auch mit “self” probiert habe. Würde mich über eine Antwort sehr freuen.
Danke und liebe Grüße,
Björn
Integration von instagr.am auf eurem Wordpress-Blog | tektura.me 31.03.2011 at 21:28
[...] erschienen, dass erste Plugin zur Integration von instagr.am auf eurem wordpress.org-Blog. Das Plugin bietet viele Möglichkeiten der Anpassung wie bspw. die Anzahl und Grösse der Bilder und die Wahl [...]
Pingback: Integration von instagr.am auf eurem Wordpress-Blog | tektura.me
Michael 31.März 2011, 21:29 Uhr
Just heute danach gesucht und scheinbar das richtige Datum fürs Suchen abgewartet – Danke hierfür :)
Viele Grüsse
Michael
Thomas Krammer 01.April 2011, 11:14 Uhr
Hallo Björn,
danke für dein Feedback. Ich hab den Fehler behoben, bitte Version 0.4.2 installieren.
LG Thomas
Thomas Krammer 01.April 2011, 13:15 Uhr
Hi Björn,
in der Version 0.4.3 wird jetzt auch für die Shortcode-Variante der Fancybox-Effekt unterstützt, falls das für dich relevant sein sollte.
Für Anfragen bezüglich zusätzlichen Features bin ich immer offen :)
Thomas Krammer 01.April 2011, 18:34 Uhr
Instapress unterstützt jetzt auch Location Based Feeds und zeigt Fotos im Umkreis von 250m einer Location. :-)
Marco Jansen 11.April 2011, 18:24 Uhr
Liebes Team,
ich komme bei der Instal. nicht weiter und habe Probleme die Callback URL einzurichten. Was muss ich da genau machen? Habe wenig Berührungspunkte mit der Thematik.
Reg. habe ich die Anwendung schon, allerdings, dann wenn ich im WordPress Backend die erste Instal. machen möchte, wird es immer ins Nirvana umgeleitet.
Lieben Gruss,
Marco
Marco Jansen 11.April 2011, 18:38 Uhr
Vergesst das letzte Posting bitte! Alles gut! Klappt einwandfrei! Mein Fehler :-)
Lieben Gruss,
Marco
Thomas Krammer 11.April 2011, 18:40 Uhr
Hallo Marco,
wollte dir soeben Antworten. Na dann wünsch ich dir viel Spaß mit dem Plugin :-)
Liebe Grüße,
Thomas
Thomas Krammer 12.April 2011, 13:10 Uhr
Übrigens würde ich mich über Bewertungen freuen :)
http://wordpress.org/extend/plugins/instapress/
Danke!
MarcoJansen.de – Blogger aus dem Ruhrgebiet » Blog Archive » Wordpress Plugin: Instapress 13.04.2011 at 21:27
[...] Informationen findet ihr direkt auf der Entwickerseite Schlagwörter:Instagram, Social Media, [...]
Pingback: MarcoJansen.de – Blogger aus dem Ruhrgebiet » Blog Archive » Wordpress Plugin: Instapress
Tomas 24.April 2011, 16:27 Uhr
I’m trying to set up Instapress and I have followed the instructions very carefully, starting over three times now, but all I get upon adding the widget is “url not loading”. What may be the problem?
Thomas 26.April 2011, 09:30 Uhr
Hi Tomas,
do you use the plugin location based? If you do so, please double check the address or try converting the address to a position (e.g. http://batchgeo.com/lookup/) and fill in the latitude and longitude in the address field.
Christian 30.April 2011, 12:30 Uhr
Hallo,
danke für das klasse Plugin! Leider werden bei mit nur dir letzten 20 Bilder angezeigt, wenn ich meinen eigenen Feed darstellen lasse. Auch die Angabe von “piccount” bringt keine Änderung. Mach ich was falsch oder ist das Limit von 20 Bildern gewollt?
Grüße
Christian
Thomas 30.April 2011, 21:37 Uhr
Hallo Christian,
dieses Limit ist leider von Seiten des Instagram APIs vorgegeben, dafür habe ich momentan leider keine Lösung parat. Derzeit ist das Maximum für piccount also 20.
Um am aktuellen Stand im Bezug auf dieses Thema zu sein, schau doch einfach im WordPress-Forum vorbei. Danke.
http://wordpress.org/support/topic/plugin-instapress-increase-limit-piccount
Liebe Grüße,
Thomas
Torsten 03.Mai 2011, 22:12 Uhr
Hab ein Problem. Wenn ich das Widget aktivieren will, bekomme ich – noch bevor ich es konfigurieren kann – folgende Meldung:
Warning: simplexml_load_file() [function.simplexml-load-file]: URL file-access is disabled in the server configuration in /homepages/40/d232500674/htdocs/wp/wp-content/plugins/instapress/PowerHour_Geocoder/Geocoder.php on line 153
Warning: simplexml_load_file(http://maps.google.com/maps/geo?output=xml&key=&q=) [function.simplexml-load-file]: failed to open stream: no suitable wrapper could be found in /homepages/40/d232500674/htdocs/wp/wp-content/plugins/instapress/PowerHour_Geocoder/Geocoder.php on line 153
Warning: simplexml_load_file() [function.simplexml-load-file]: I/O warning : failed to load external entity “http://maps.google.com/maps/geo?output=xml&key=&q=” in /homepages/40/d232500674/htdocs/wp/wp-content/plugins/instapress/PowerHour_Geocoder/Geocoder.php on line 153
url not loading
Was mache ich falsch?
Thomas 05.Mai 2011, 09:31 Uhr
Hallo Torsten,
sieht aus, als gäbe es hier ein Problem mit deiner Server-Konfiguration. Sofern du die Konfiguration deines Servers verändern kannst, müsstest du bitte allow_url_fopen auf “on” setzten. Wenn du keinen Einfluss auf die Konfiguration hast, kontaktiere bitte deinen Hoster.
Wir werden versuchen, das Problem in der nächsten Version zu umgehen.
Abraxas 08.Mai 2011, 08:08 Uhr
Ich möchte gern Instragram-Fotos mit einem bestimmten #hastag anzeigen, ist das mit dem Plugin möglich?
Instapress | L'antre de KaG 09.05.2011 at 08:13
[...] photos). Instapress est désormais disponible en français pour les récalcitrants aux langues de Goethe ou Shakespeare. Non, ce n’est pas Molière qui s’en est chargé, juste ma pomme qui a [...]
Pingback: Instapress | L'antre de KaG
Thomas 09.Mai 2011, 21:10 Uhr
Hallo Abraxas,
möchtest du alle Fotos mit einem bestimmten Hashtag anzeigen oder nur die Fotos von einem bestimmten User?
Die Funktion alle öffentlichen Fotos mit einem Hashtag anzuzeigen, ist bereits in Planung und wird in einer der nächsten Versionen mit dabei sein.
Updates dazu veröffentlichen wir auch immer auf Facebook: http://www.facebook.com/pages/Instapress-The-Instagram-plugin-for-Wordpress/148467411887418
Abraxas 22.Mai 2011, 19:51 Uhr
Ja, wollte alle Bilder zu einem “Thema / Hashtag”.
“Die Funktion alle öffentlichen Fotos mit einem Hashtag anzuzeigen, ist bereits in Planung und wird in einer der nächsten Versionen mit dabei sein.”
- toll! Dann schau ich immer mal rein…; ist aber jetzt schon ein tolles Plugin. Danke.
Chris 23.Mai 2011, 00:30 Uhr
Yeah! Vielen vielen Dank :)
Funktioniert 1A!
Mobile Blogging mit iPhone | Infopool für Webmaster und Blogger 23.05.2011 at 02:03
[...] von Liechtenecker.at schrieb einen Artikel über eine interessante Lösung des Problems mit der Anzeige der Fotos aus der [...]
Pingback: Mobile Blogging mit iPhone | Infopool für Webmaster und Blogger
Sandro 29.Mai 2011, 13:31 Uhr
Hallo Thomas!
Super Plugin hast du da, wirklich hilfreich. Ich habe ein Problem, dass ich mit normalen HTML Befehlen in der Widgetbox, die Bilder nicht zentriert kriege, sondern am linken rand der Widget Box kleben.
Kannst du mir hier weiterhelfen?
vielen Dank im Voraus!
Thomas 31.Mai 2011, 11:29 Uhr
Hallo Sandro,
freut mich, dass dir das Plugin gefällt :)
Das HTML-align-Attribut funktioniert in diesem Fall nicht, bitte versuche folgenden CSS-Code in deinem Theme-Stylesheet hinzuzufügen:
.widget.instagram
{
padding-left: 20px;
}
.widget.instagram h3
{
padding: 20px 0px !important;
}
Bitte gib mir Bescheid, ob es geklappt hat, danke!
sandro 31.Mai 2011, 11:32 Uhr
Super, genau das wars! Vielen Dank für die schnelle Antwort!
Andreas Hengsbach 31.Mai 2011, 17:33 Uhr
Hallo,
ich habe soeben versucht “Instapress” in WP 3.1.3 zu installieren. Bei mir sieht man direkt in der Konfiguration, dass etwas nicht stimmt.
Geht’s da nur mir so, oder ist da etwas bekannt?
Gruß
Andreas
Thomas 31.Mai 2011, 18:16 Uhr
Hallo Andreas,
danke dass du dich für Instapress entschieden hast.
Zu deinem Problem: Instapress sollte unter 3.1.3 problemlos funktionieren, siehst du eine Fehlermeldung? Bitte beschreibe das Problem ein wenig genauer, damit ich mir das ansehen kann, danke!
LG Thomas
Andreas Hengsbach 31.Mai 2011, 21:51 Uhr
Hier mal ein Screenshot vom Config-Dialog:
http://dl.dropbox.com/u/3058631/fehler.png
admin 06.Juni 2011, 09:51 Uhr
Hallo Andreas,
hast du Instapress bereits in einer anderen Version als 3.1.3 installiert? Wenn ja, hat es da funktioniert? Welche PHP Version läuft auf deinem Server? Danke im Voraus für die Info.
John 08.Juni 2011, 01:55 Uhr
This plugin is absolutely awesome – thanks so much for making it! :)
Thomas Krammer 17.Juni 2011, 11:44 Uhr
Hallo Andreas,
bitte versuch es mit der Version 1.2 von Instapress, die sollte dein Problem hoffentlich beheben! Danke!
http://wordpress.org/extend/plugins/instapress/changelog/
Instapress – Das Instagram-Plugin für Wordpress | Liechtenecker » SpiderPress 17.06.2011 at 20:45
[...] http://liechtenecker.at/instapress-das-instagram-plugin-fur-wordpress/ [...]
Pingback: Instapress – Das Instagram-Plugin für Wordpress | Liechtenecker » SpiderPress
Instapress – Das Instagram-Plugin für Wordpress | Liechtenecker » SpiderPress 19.06.2011 at 17:25
[...] Das Plugin Auf der Suche nach einem WordPress-Plugin, das es erlaubt Fotos aus der – mittlerweile allseits bekannten – iPhone App Instagram anzuzeigen, http://liechtenecker.at/instapress-das-instagram-plugin-fur-wordpress/ [...]
Pingback: Instapress – Das Instagram-Plugin für Wordpress | Liechtenecker » SpiderPress
mehrdad 22.Juni 2011, 21:31 Uhr
Hallo,
tolles Plugin!!
Wenn es bei mir funktionieren würde.
Ich bekomme nach der Installation und Aktivierung folgende Fehlermeldung:
Parse error: syntax error, unexpected T_OBJECT_OPERATOR in /hp/ao/ad/lo/www/wp-content/plugins/instapress/instagram.php on line 266
Könnt ihr mir sagen woran das liegen mag?
Danke Euch!
VG
aus Berlin
Mehrdad
Martin 23.Juni 2011, 19:16 Uhr
Super Plugin, sowas habe ich lange gesucht. Ich habe auch noch ein paar andere getestet aber das ist mit Abstand das beste! Vielen Dank!!!
miro 18.Juli 2011, 14:38 Uhr
Hi Thomas,
super Plugin! Genau das habe ich gesucht.
Eine Frage nur, was muss ich tun um in einem Artikel beim Klick auf ein Bild nicht auf die Instagram Seite umgeleitet zu werden. Analog zum Verhalten des Widgets.
Danke! Gruss Miro
miro 18.Juli 2011, 14:44 Uhr
wer lesen kann… :-)
effect=”fancybox”
Frage konnte ich mir selbst beantworten! Vielen Dank. Einfach mega das Tool!
Vom Bildartikel bei happybuddha1975 über den Instagram Plugin Beitrag bei Rappelsnut bis zum WordPress Theme Designer MikeMcAlister.com » Beitrag » YATTER 02.08.2011 at 10:09
[...] wirklich schönen Landschaft, brachte mich durch die Erwähnung von Instagram und einem WordPress Plugin dafür schliesslich auf den Blog von Rappelsnut wo ich dessen [...]
Pingback: Vom Bildartikel bei happybuddha1975 über den Instagram Plugin Beitrag bei Rappelsnut bis zum WordPress Theme Designer MikeMcAlister.com » Beitrag » YATTER
WordPress: Instagram-Plugin für die Blog-Sidebar // Lovely Creations – Creating Beautiful Stuff 06.08.2011 at 17:09
[...] Download-Link sowie viele weitere Infos zum Plugin und dessen Einbau finden sich im offiziellen Blog des Entwicklers… Bleib' up-to-date und abonniere den RSS-Feed. So verpasst du nie mehr den Release eines [...]
Pingback: WordPress: Instagram-Plugin für die Blog-Sidebar // Lovely Creations - Creating Beautiful Stuff
Mit Instagram unterwegs | celismedia´s MEDIAMIX v2 23.08.2011 at 01:33
[...] Die kostenfreie App – Veröffentlichungsportal und finale Editierung der m´s „mobilen Momente“ – hat bereits eine Vielzahl von Folgeprodukten anderer Hersteller hervorgebracht – es gibt bspw. stickygram, followgram oder aber tweegram und webstagram. Extragram ist auch sehr nett- habe ich die letzten Wochen viel in Gebrauch. Und nun also auch noch statigr.am entdeckt. Sehr komfortabel – und mit metrics – YEAH – ein #m! Für WordPress gibt es ebenfalls eine Auswahl von Plugins, die den Instagram Stream attraktiv und komfortabel einbinden – toll gemacht von Liechtenecker in Wien. [...]
Pingback: Mit Instagram unterwegs | celismedia´s MEDIAMIX v2
Instapress | WordPress Designer 14.09.2011 at 09:17
[...] For a german description of the plugin visit our blog athttp://liechtenecker.at/instapress-das-instagram-plugin-fur-wordpress/ [...]
Pingback: Instapress | WordPress Designer
Tanithblog » Instagrams 18.10.2011 at 22:16
[...] macht das die Instagram API und natürlich das Plugin Instapress für [...]
Pingback: Tanithblog » Instagrams
Lianna 11.Dezember 2011, 05:52 Uhr
Hello! Great plug in! I have a question…. Only on some of the instagrams on the web feed can link back to the Instagram website. I am using the widget. any thoughts? many thanks!!!
Wordpress: Instagram plugin « //symbolsallover 05.02.2012 at 10:13
[...] If you want to iterate your instagram Picture in your wordpress blog, take a look at this little beauty: instapress [...]
Pingback: Wordpress: Instagram plugin « //symbolsallover
Sven 24.März 2012, 16:44 Uhr
Hallo, der fancybox effect funktioniert bei mir nicht: Ich habe folgenden Shortcode in einen Artikel eingebaut: [instapress userid="xxxxx" piccount="8" size="120" effect=”fancybox”] Was mache ich falsch? Danke für eure Antworten!
Instagram-Galerie für Wordpress: Instapress | Faden-Reich 24.05.2012 at 09:22
[...] Entwickelt wurde das Plugin von http://liechtenecker.at/instapress-das-instagram-plugin-fur-wordpress/ var instapressConfig1 = [...]
Pingback: Instagram-Galerie für Wordpress: Instapress | Faden-Reich
Instapress | Best Plugins – wordpress – widgets – plugin 2012 05.06.2012 at 13:15
[...] For a german description of the plugin visit our blog at http://liechtenecker.at/instapress-das-instagram-plugin-fur-wordpress/ [...]
Pingback: Instapress | Best Plugins - wordpress – widgets – plugin 2012
Socialdread 24.Juli 2012, 21:05 Uhr
Hallo,
ich bin bei meiner Suche nach einem Instagram Plugin für die Sidebare auf eure Seite gestoßen. Habs jetzt installiert und funktioniert prima, zumindest in der aktuellen Firefox-Version 14.0.1 Ich muss es noch weiter testen. Vielen Dank auf jeden Fall.
Matthias 12.September 2012, 09:51 Uhr
Hi, endlich habe ich ein tolles plugin für instagram gefunden! ich habe aus auf http://motoreport.de in der sidebar im einsatz. nun aber eine frage: ich hätte die bilder gerne so: 3 in einer reihe, jedes bild 75 px groß. wenn ich 75px einstelle, sind es aber nur 2 in der reihe. Deshalb musste ich die größe auf 65 px umstellen, finde das aber etwas klein. kann ich 75px bilder trotzdem irgendwie in eine reihe bekommen? danke und vg
Daniel 13.September 2012, 16:35 Uhr
Wow, super! Hab das Plugin gerade für unsere neue Lifestyleseite installiert.
lg
Thorsten 22.September 2012, 21:13 Uhr
Hallo und Gratulation zum tollen Plugin. Ich habe mir jetzt als piccount=”49″ eingestellt, bekomme jedoch nur 20 Fotos, obwohl 50 vorhanden sind. Woran könnte das liegen? Siehe https://www.sportstep.de/sportfotos/
Instagram schön in Wordpress integrieren 31.10.2012 at 21:16
[...] Plugin Instapress lässt sich leicht durch Eingabe von Benutzernamen und Passwort mit dem Instagram-Account [...]
Pingback: Instagram schön in Wordpress integrieren
Instagram in Wordpress integrieren 02.11.2012 at 12:44
[...] Instapress [...]
Pingback: Instagram in Wordpress integrieren
Tommy 01.Februar 2013, 20:14 Uhr
Klasse Plugin.
Läuft prima.
Instagram + Wordpress = Instapress › Tommy 01.02.2013 at 20:49
[...] mit Instagram Fotos schiesst und ein Blog mit WordPress betreibt, der sollte sich mal das Plugin Instapress anschauen. Man hat verschiedene Möglichkeiten seine Fotos darzustellen, wie z.B. in der rechten [...]
Pingback: Instagram + Wordpress = Instapress › Tommy