Schließen

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:

  1. Das Plugin >>hier downloaden<<
  2. Den entpackten Inhalt in das Verzeichnis wp-content/plugins der WordPress-Installation kopieren
  3. Im Backend (wp-admin) im Menüpunkt Plugins Instapress aktivieren
  4. 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

Instapress Widget Konfiguration

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 geschrieben am 31.03.2011 von

Juergen

Geschäftsführer bei der Agentur Liechtenecker

Sonst:
Koch auf goldschwarz.at, Design im Blut, spielt gerne und liebt seinen Job!

  • Ich liebe dieses Plugin und würde es so gerne weiter nutzen. Hab es auch schon oft weiter empfohlen.
    Leider kommt nun bei mir die gleiche Meldung wie bei @4fashionvictims, wenn wir auf PHP5.4.31 upgraden wollen.

    Ist denn in naher Zukunft ein Update geplant? Würde mich wahnsinnig freuen, ich mag das Plugin sehr.

    Viele Grüße,
    Nadine

  • Ich liebe dieses Plugin und würde es so gerne weiter nutzen. Hab es auch schon oft weiter empfohlen.
    Leider kommt nun bei mir die gleiche Meldung wie bei @4fashionvictims, wenn wir auf PHP5.4.31 upgraden wollen.

    Ist denn in naher Zukunft ein Update geplant? Würde mich wahnsinnig freuen, ich mag das Plugin sehr.

    Viele Grüße,
    Nadine

  • Kleiner Nachtrag: Jetzt bekomme ich die Meldung, dass eine xAuth-Authentifizierung benötigt wird… Was muss ich tun?

    Danke und liebe Grüße
    Jessi

  • Hallo,

    bisher hat alles super funktioniert. Plötzlich werden aber keine Bilder mehr angezeigt, ich meine, seit die neueste WordPress-Version installiert ist… Ich habe die Einstellungen zurückgesetzt und dann noch mal meinen Instagram-Namen und das Passwort eingegeben. Leider funktioniert es trotzdem nicht.

    Liebe Grüße
    Jessi

  • Hallo,

    bisher hat alles super funktioniert. Plötzlich werden aber keine Bilder mehr angezeigt, ich meine, seit die neueste WordPress-Version installiert ist… Ich habe die Einstellungen zurückgesetzt und dann noch mal meinen Instagram-Namen und das Passwort eingegeben. Leider funktioniert es trotzdem nicht.

    Liebe Grüße
    Jessi

  • […] For a german description of the plugin visit our blog at http://liechtenecker.at/instapress-das-instagram-plugin-fur-wordpress/ […]

  • Pingback: Instapress | WP Plugin Directory

  • […] For a german description of the plugin visit our blog at http://liechtenecker.at/instapress-das-instagram-plugin-fur-wordpress/ […]

  • Pingback: Instapress | WP Plugin Directory

  • […] 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

  • […] 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

  • Klasse Plugin.
    Läuft prima.

  • […] Instapress […]

  • Pingback: Instagram in Wordpress integrieren

  • […] Instapress […]

  • Pingback: Instagram in Wordpress integrieren

  • […] Plugin Instapress lässt sich leicht durch Eingabe von Benutzernamen und Passwort mit dem Instagram-Account […]

  • Pingback: Instagram schön in Wordpress integrieren

  • […] Plugin Instapress lässt sich leicht durch Eingabe von Benutzernamen und Passwort mit dem Instagram-Account […]

  • Pingback: Instagram schön in Wordpress integrieren

  • 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/

  • 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/

  • Wow, super! Hab das Plugin gerade für unsere neue Lifestyleseite installiert.

    lg

  • Wow, super! Hab das Plugin gerade für unsere neue Lifestyleseite installiert.

    lg

  • 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

  • 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

  • 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.

  • […] 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

  • […] 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

  • […] 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

  • […] 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

  • 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!

  • 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!

  • […] 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

  • […] 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

  • 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!!!

  • […] macht das die Instagram API und natürlich das Plugin Instapress für […]

  • Pingback: Tanithblog » Instagrams

  • […] For a german description of the plugin visit our blog athttp://liechtenecker.at/instapress-das-instagram-plugin-fur-wordpress/ […]

  • Pingback: Instapress | WordPress Designer

  • […] 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

  • […] 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

  • […] 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

  • wer lesen kann… :-)
    effect=”fancybox”

    Frage konnte ich mir selbst beantworten! Vielen Dank. Einfach mega das Tool!

  • 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

  • Super Plugin, sowas habe ich lange gesucht. Ich habe auch noch ein paar andere getestet aber das ist mit Abstand das beste! Vielen Dank!!!

  • 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

  • […] 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

  • Pingback: Instapress – Das Instagram-Plugin für Wordpress | Liechtenecker » SpiderPress

  • 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/

  • This plugin is absolutely awesome – thanks so much for making it! :)

  • 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.

  • Hier mal ein Screenshot vom Config-Dialog:

    http://dl.dropbox.com/u/3058631/fehler.png

  • 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

  • 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

  • Super, genau das wars! Vielen Dank für die schnelle Antwort!

  • 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!

  • 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!

  • […] 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

  • Yeah! Vielen vielen Dank :)
    Funktioniert 1A!

  • 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.

  • 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

  • […] 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

  • Ich möchte gern Instragram-Fotos mit einem bestimmten #hastag anzeigen, ist das mit dem Plugin möglich?

  • 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.

  • 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?

  • 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

  • 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

  • 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.

  • 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?

  • […] Informationen findet ihr direkt auf der Entwickerseite Schlagwörter:Instagram, Social Media, […]

  • Pingback: MarcoJansen.de – Blogger aus dem Ruhrgebiet » Blog Archive » Wordpress Plugin: Instapress

  • Übrigens würde ich mich über Bewertungen freuen :)
    http://wordpress.org/extend/plugins/instapress/
    Danke!

  • Hallo Marco,
    wollte dir soeben Antworten. Na dann wünsch ich dir viel Spaß mit dem Plugin :-)

    Liebe Grüße,
    Thomas

  • Vergesst das letzte Posting bitte! Alles gut! Klappt einwandfrei! Mein Fehler :-)

    Lieben Gruss,
    Marco

  • 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

  • Instapress unterstützt jetzt auch Location Based Feeds und zeigt Fotos im Umkreis von 250m einer Location. :-)

  • 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 :)

  • Hallo Björn,

    danke für dein Feedback. Ich hab den Fehler behoben, bitte Version 0.4.2 installieren.

    LG Thomas

  • Just heute danach gesucht und scheinbar das richtige Datum fürs Suchen abgewartet – Danke hierfür :)

    Viele Grüsse

    Michael

  • […] 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

  • 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

  • Is ja witzig, gerade hab ich euch ein Mail geschrieben über meine Probleme mit Selberbasteln :) Aber ihr macht das ja höchstprofessionell :)

  • Nice work! +1