Ab und zu möchte man den RSS-Feed seines WordPress Blogs auf einer anderen Seite einbinden, um dort beispielsweise die neuesten fünf Beiträge zu bewerben. Der RSS-Feed ist schnell ausgelesen, ein Problem sind häufig die Post-Thumbnails der Artikel.
Die Artikelbilder werden von WordPress nicht in den Feed übertragen. Um die Post-Thumbnails dennoch im Feed anzuzeigen, wird häufig in der functions.php ein Snippet eingefügt das die Bilder in den Inhaltsbereich des Feeds lädt. Da sich die Bilder dann allerdings zusammen mit dem Text und anderen Bildern in einem Feed-Element befinden, ist schwierig sie gezielt auszulesen.

Element mit PHP preg_match identifizieren

Das Artikelbild wird im Feed als img direkt vor dem eigentlichen Inhalt des Beitrags eingebunden. Semantisch betrachtet befindet es sich aber ebenso wie der Beitrag selbst innerhalb des Elements „<description>„. Mit preg_match lasst sich das Artikelbild über die Dateiendung identifizieren und in einem Array speichern. Anschließend zeigen wir immer nur das erste Bild des Array.

Alles was ihr benötigt, ist eine Variabel bzw. ein Array in der ihr den Feed-Inhalt (description) verfügbar habt. Sollte das nicht der Fall sein, schaut euch bitte noch einmal diesen Artikel an: RSS-Feed von WordPress auslesen.

Im folgenden Beispiel-Code wird $quelle nach Bildern durchsucht, und diese der Reihe nach in $ziel abgespeichert.


preg_match("/src=[\"\']?([^\"\']?.*\.(png|jpg|gif))[\"\']?/i", $quelle, $ziel); // Bilder werden aus $quelle ausgelesen und in $ziel gespeichert.

Anschließend könnt ihr mit folgendem Code das erste Elemente des Array auslesen und in einem img-Tag einbinden.


 height="100" width="100" alt=""/>

Mit diesem „regulären Ausdruck“ ist es möglich die Post-Thumbnails von WordPress aus dem Feed zu extrahieren und in Kombination mit anderen ausgelesenen Feed-Elementen auf einer externen Website darzustellen.

Geschrieben von Jonas

Benutzerbild

Jonas ist Gründer der Agentur kulturbanause und des kulturbanause Blogs. Er arbeitet an der Schnittstelle zwischen UX/UI Design, Frontend und Redaktion und hat zahlreiche Fachbücher und Video-Trainings veröffentlicht. Jonas Hellwig ist regelmäßig als Sprecher auf Fachveranstaltungen anzutreffen und unterstützt mit Seminaren und Workshops Agenturen und Unternehmen bei der Planung, der Gestaltung und der technischen Umsetzung von Web-Projekten.

Jonas Hellwig bei Xing

Feedback & Ergänzungen – 3 Kommentare

  1. Jonathan
    schrieb am 25.04.2012 um 13:23 Uhr:

    Danke Jonas!

    Szenario:
    Eine Website, auf der in den Usereinstellungen oder über Custom Fields, User ihre Feed-URL oder Website-URL angeben können. Auf einer Seite sollen daraufhin alle aktuellen Artikel, welche durch den Feed generiert werden, ähnlich wie aus Facebook und Google+ bekannt, in einer Timeline auf einer Seite erscheinen.

    Besucht also ein Gast/User z.B. die URL meinesite.de/timeline, sieht dieser alle aktuellen Artikel der Websites von den Usern, welche sich mit Ihrer Feed-URL auf der Website eingetragen haben.

    Weißt du was ich meine? Jonas, hast du da Ansätze?

    Lieben Gruß,
    Jonathan

    PS: Eine Checkbox für „Benachrichtige mich über nachfolgende Kommentare per E-Mail.“ Wäre praktisch. Oft vergesse ich in meinem Informationsdurst, dass ich Kommentare hier- oder da geschrieben habe.

    Antworten
  2. Stefan
    schrieb am 24.01.2012 um 22:31 Uhr:

    Hallo,

    mit dem plugin RSS image feed werden dem Feed Bilder zugefügt. Ob die jetzt mit MagpieRSS oder mit dem RSS Widget dargestellt werden können, weiß ich leider nicht.

    Grüße,
    Stefan

    Antworten
  3. Robert Tusch
    schrieb am 15.01.2012 um 19:46 Uhr:

    Hey,
    Schöner Artikel, aber bei mir ist das Bild nicht in Desciption drin. Ich benutze MagpieRSS und kann das Bild nicht Auslesen.
    Hat jemand eine Ahnung?
    Gruß
    Robert

    Antworten

Kommentar zu dieser Seite

Wir freuen uns über Anregungen, Ergänzungen oder Hinweise zu Fehlern. Wir lesen jeden Eintrag, veröffentlichen aber nur, was den Inhalt sinnvoll ergänzt.

WordPress-Projekte mit kulturbanause

Wir wissen wovon wir reden. Wir setzen WordPress seit über 10 Jahren erfolgreich ein und realisieren maßgeschneiderte Websites auf Basis dieses großartigen CMS.

WordPress-Leistungsangebot →

Schulungen von kulturbanause

Wir bieten Seminare und Workshops zu den Themen Konzept, Design und Development. Immer up-to-date, praxisnah, kurzweilig und mit dem notwendigen Blick über den Tellerrand.

Übersicht Schulungsthemen →